Component Directory

Explore the building blocks of the ToastUI design system. Rendered live in your browser.

Button

Atom
Interactive element for user actions.

Input

Atom
Text field for user input.

Badge

Atom
New
Status indicator and label.

Switch

Atom
Toggle control for boolean values.

Avatar

Atom
User profile image representation.

Separator

Atom
Visual divider between content.

Skeleton

Atom
Loading placeholder state.

Slider

Atom
Range input control.

Card

Molecule
Card Content
Container for grouped content.

Tabs

Molecule
Switch between views.