Button

Buttons trigger actions and advance user flows.

A button triggers an action or advances a user flow. It represents a clear, intentional interaction within the interface.

Buttons are used for primary and secondary actions that require user intent, such as submitting data, confirming choices, or initiating a process

Storybook

 

Variants

Variant=Primary, State=Default, Disabled=False

Variant=Primary, State=Default, Disabled=False

Primary button

Variant=Default, State=Default, Disabled=False

Variant=Default, State=Default, Disabled=False

Secondary button

Variant=Danger, State=Default, Disabled=False

Variant=Danger, State=Default, Disabled=False

Danger button

Variant=Primary, State=Default, Disabled=False

Variant=Primary, State=Default, Disabled=False

Primary icon button

Variant=Default, State=Default, Disabled=False

Variant=Default, State=Default, Disabled=False

Secondary icon button

Variant=Danger, State=Default, Disabled=False

Variant=Danger, State=Default, Disabled=False

Danger icon button