Extensions

Press shift + S to search API reference.

Type Alias

ButtonVariant

View source

Variants for the Button component:

default

Gray button for toolbars and other generic actions.

primary

Blue button used for primary actions and CTAs. There should only be one primary button present at a time. Often used in Dialog and bottom bars.

secondary

Transparent button that pairs with the primary button. This is typically used for cancel or back buttons.

danger

Red button that replaces primary buttons for dangerous or otherwise difficult-to-reverse actions like record deletion.

type ButtonVariant = "default" | "danger" | "primary" | "secondary"