Button

Variants and sizes.

Input

Default, label, error.

With label

With error

This field is required

Required *

Link

Link variants.

Primary link Secondary link Muted link

Typography

Heading, Text, Code, Blockquote, List.

Heading XL

Heading LG

Heading MD

Lead paragraph: larger intro text.

Body default. Lorem ipsum dolor sit amet.

Muted text for secondary content.

Small text.

Inline code and variable_name.


    
      const example = "block code"

Blockquote: quote with primary border.

Item 1
Item 2
Item 3

Step one
Step two

Modal

Open modal with the button below.

Table

Table with header, hover, responsive.

Name	Role	Status
Alice	Admin	Active
Bob	Editor	Active
Carol	Viewer	Inactive

Card

Default, bordered, elevated.

Simple card content.

Card with border.

Card with header

Content and footer.

Footer

Badge

Badge variants.

Primary Secondary Success Warning Danger Outline

Alert

Info, success, warning, danger.

Info

Information message.

Success

Operation successful.

Warning

Warning to note.

Danger

Error or risk.

Dropdown

Click button to open menu.

Tabs

Switch tabs to view content.