Button

Buttons are calls-to-action used to prompt users. They encourage users to interact with us in multiple ways throughout our galaxy, based on what the label of the button indicates. Buttons are clickable elements with label text that describe the action that will happen when the users interact with it.

Default

Variants

Sizes

Icons

Full width

Disabled

Animations

Button props

NameTypeRequiredDefaultDescription
animationprogress | success | error | pulseNo-Animation of button
disabledbooleanNofalseDisabled button
fullWidthbooleanNofalseFull width button
iconleft | right | onlyNo-Button sizing based on icon
iconLeftboolean | JSX.ElementNo-Left icon
iconOnlyboolean | JSX.ElementNo-Icon without text
iconRightboolean | JSX.ElementNo-Right icon
sizexs | sm | md | lg | xlNomdSize of button
variantprimary | secondary | tertiary | ghostNoprimaryVisual/Logical variant of button