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.

Icon Buttons

Button with only icons.

Leading Icons

Button with leading icon for clarity.

Loading

Button with loading indicator.

Outlined Primary

Primary button with a defined outline.

Outlined Secondary

Secondary button with a distinct outline.

Primary

Bold button for primary actions and CTAs.

Rounded

Buttons that have a full border radius.

Scenes

Various button designs adaptable to different scenes or contexts.

Scenes

Start music
Going to sleep
Arriving home

Secondary

Versatile button for secondary actions.

Soft

Smooth-edged button for secondary actions.

States

Button showcasing various interactive states.

Text Primary

Minimalist button emphasizing primary text.

Text Secondary

Elegant button highlighting secondary text.

Trailing Icons

Button with trailing icon for context.

Upload

Button tailored for uploading actions.