Button

Variants and sizes.

Input

Default, label, error.

With label

With error

This field is required

Required *

Textarea

Nhiều dòng, font mono (dev tools).

Có nhãn

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.

Toast

API showToast — mặc định position: "top-center"; có thể truyền top-right, bottom-center, bottom-right (tự đóng, có nút đóng).

Vị trí (variant default)

Dropdown

Click button to open menu.

Tabs

Switch tabs to view content.

Tab 1 content.