No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

Button

Buttons are used to trigger actions within an application. Button labels express what action will occur when the user interacts with it.

Primary

Primary buttons are used as a call to action and indicate the most important action on a page.

Secondary

Secondary buttons are the 'back' to the primary button's 'next', or the 'cancel' to the 'submit'. They provide users with an alternative to the primary action.

Tertiary

Tertiary buttons are usually used for miscellaneous actions: important actions that are not required immediately, such as 'edit', 'delete', 'add new'.

Icons

Icon buttons are used to indicate some sort of action, such as searching or completing a task.

Loading

Easily switch your button into a loading state when logging in, etc.

Tags

Component Props

NameDescriptionDefault
type
Specify alternate button styles
"primary""secondary""tertiary""tag""link"
"primary"
small
Specify if button should be small
bool
false
isLoading
Setting to true will hide all text and icons
bool
false
iconRight
Specify an icon to appear on the right
object
-
iconLeft
Specify an icon to appear on the left
object
-