Buttons

Discover a variety of button styles for various user actions, designed for clarity, usability, and aesthetic appeal.

Icon

Soft button for icon-centric actions.

Live preview:
Icon Buttons

Button with only icons.

Live preview:
Leading Icons

Button with leading icon for clarity.

Live preview:
Loading

Button with loading indicator.

Live preview:
Outlined Primary

Primary button with a defined outline.

Live preview:
Outlined Secondary

Secondary button with a distinct outline.

Live preview:
Primary

Bold button for primary actions and CTAs.

Live preview:
Rounded

Buttons that have a full border radius.

Live preview:
Scenes

Various button designs adaptable to different scenes or contexts.

Live preview:
Secondary

Versatile button for secondary actions.

Live preview:
Soft

Smooth-edged button for secondary actions.

Live preview:
States

Button showcasing various interactive states.

Live preview:
Text Primary

Minimalist button emphasizing primary text.

Live preview:
Text Secondary

Elegant button highlighting secondary text.

Live preview:
Trailing Icons

Button with trailing icon for context.

Live preview:
Upload

Button tailored for uploading actions.

Live preview: