Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem strong, emphasis, link, mark, small, inline code.

Blockquote example.
const hello="world";

Lists

  • One
  • Two
    • Nested
  1. First
  2. Second
HTML
Markup

Buttons

Forms

Checkboxes & Switch

Validation

Alerts

Primary
Success
Warning
Danger

Status Messages

Info message
Success message
Error message

Badges

Primary Success

Cards

Card title

Card text.

Action

Tables

NameRole
JohnDev
JaneDesigner

Breadcrumbs

Pagination

Accordion

Content

Tabs

Progress

60%

Spinner

Images

Caption

Utilities

Details

Hidden content.

123 Example Street

Footer