UI elements / Panels
Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Title
Support panel subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
List group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
Tabs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Labels
Tag
Label
Badge
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With text
Just some text with link |
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Input group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Title
Support panel subtitle
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Panel header
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Title icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Buttons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Alerts
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Progress
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Input
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Switcher
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Wizard
- 1 Step 1 Description
- 2 Step 2 Description
- 3 Step 3 Description
- 4 Finish Description
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Wizard title
Support panel subtitle
- 1 Step 1
- 2 Step 2
- 3 Step 3
- 4 Finish
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Some body content.
Colors
Danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Panel - Transparent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.