Headings
H1
Lorem ipsum dolor sit amet
H2
Lorem ipsum dolor sit amet
H3
Lorem ipsum dolor sit amet
H4
Lorem ipsum dolor sit amet
H5
Lorem ipsum dolor sit amet
H6
Lorem ipsum dolor sit amet
Inputs
Color
Checkbox
Button (input)
Button (tag)
Text
Image
Range
Text-area
Dataist
Radio
Select
Typography
Anchor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Bold
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Strong
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Italic
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Underline
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Em
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Deleted
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Mark
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Short quotation
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Cite
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Time
Otevíráme v
Superscript
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
Components
Table
Month | Savings | Expense |
---|---|---|
January | $100 | $300 |
January | $100 | $200 |
Div
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias dignissimos aspernatur, cum eligendi facilis rem voluptate itaque debitis. Minima ratione, dolores ut iusto ipsum ipsa velit. Asperiores, assumenda natus eligendi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias dignissimos aspernatur, cum eligendi facilis rem voluptate itaque debitis. Minima ratione, dolores ut iusto ipsum ipsa velit. Asperiores, assumenda natus eligendi.
Paragraph
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias dignissimos aspernatur, cum eligendi facilis rem voluptate itaque debitis. Minima ratione, dolores ut iusto ipsum ipsa velit. Asperiores, assumenda natus eligendi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias dignissimos aspernatur, cum eligendi facilis rem voluptate itaque debitis. Minima ratione, dolores ut iusto ipsum ipsa velit. Asperiores, assumenda natus eligendi.
Span
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.
Label
Ul
- Lorem
- Ipsum
- dolor
Ol
- Lorem
- Ipsum
- dolor
Hr
Display headings
Display 1
Display 2
Display 3
Display 4
Blockquote
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 |
Alert
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Better check yourself, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Badges
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Example heading New
Badges
Default
Primary
Success
Info
Warning
Danger
Breadcrumb
Buttons
Classic Buttons
Outline Buttons
Options
Disabled state
Dropdown
Forms
Inputs, radios, etc...
Components
List group
Modal
Navbar
Pagination
Popover
Progress bar
Tooltips