Toggle theme

Button🔗

A Button component is either a <button> or <a> (if you pass it a href prop)

Example🔗

Intent🔗

Intent defines what kind of action the button is used for, it's appearance will change based on the intent. The default intent is primary.

Variant🔗

Variants are different visual representations of a button.

Size🔗

Buttons can be one of two different sizes: small and medium (default).

Loading🔗

Buttons have a loading state to indicate to the user that their request is being processed.

Disabled🔗

Buttons that are disabled can't be interacted with. The visual style of the button also changes to indicate to the user that the buttons are in a disabled state.

Props - Button🔗

Name
Description
Type
Default Value
disabledboolean | undefinedn/a
hrefstringn/a
intent"primary" | "secondary" | "destructive" | undefinedprimary
loadingboolean | undefinedn/a
size"small" | "medium" | "large" | undefinedmedium
variant"text" | "default" | "outline" | undefineddefault
2022 © Volvo Car Corporation