Button

Buttons prompt most actions in a UI

Known Limitations (Beta)

  • No explicit type prop; HTML button defaults may submit in forms.
  • When href is set, disabled is visual only (no aria-disabled).
Tableau des propriétés et de l'API du composant
Propriété Type Obligatoire Valeur par défaut Description Condition
label string Non The label is the text that is displayed on the button.
size "xSmall" | "small" | "medium" | "large" | "xLarge" Non medium
variant ButtonVariant | ButtonVariantAlias Non filled The button variant determines the style of the button. Aliases: 'primary' maps to 'filled', 'secondary' maps to 'tonal'
disabled boolean Non false Disables the button if set to true.
disableTextMargins boolean Non Controls whether negative margins are applied to text variant buttons. When true, removes the default negative horizontal margins. Only applies to 'text' variant buttons. Only applies to 'text' variant buttons.
icon Icon Non An optional icon to display in the button.
iconPosition "left" | "right" Non left
loading boolean Non false
shape "squared" | "rounded" Non rounded The shape of the button defines whether it is squared or rounded.
allowShapeTransformation boolean Non true