Buttons

A comprehensive showcase of every button variant — solid, outline, rounded, icon, loading, dropdown, social, and more.

Solid Buttons

Full-color background buttons for primary actions.

Outline Buttons

Border-only variants for secondary actions.

Rounded Buttons

Fully rounded pill-shaped buttons.

Rounded Outline Buttons

Pill-shaped buttons with border only.

Button Sizes

Large, default, small, and tiny sizes.

Block Buttons

Full-width buttons that stretch to fill their container.

Icon Buttons

Buttons with an icon alongside text.

Circle Buttons

Round icon-only buttons in three sizes.

Button with Labels

Icon displayed in a separate label section of the button.

Button Groups

Horizontal grouping of related buttons.

Button Toolbar

Multiple button groups arranged in a toolbar.

Vertical Button Group

Stacked buttons for vertical navigation or actions.

Dropdown Buttons

Button with a dropdown menu toggled on click.

Split Dropdown Buttons

Primary action with a separate dropdown toggle.

Loading Buttons

Buttons with spinner animation for async operations.

Disabled Buttons

Grayed-out buttons that cannot be interacted with.

Social Buttons

Platform-styled buttons for social media actions.