Button

Disables the button

boolean

false

'button' | 'submit' | 'reset' | undefined

unknown

Accessible name for the button, use when the button does not have slotted text

string | undefined

unknown

Form value for the button

string | undefined

unknown

Form name for the button

string | undefined

unknown

Shorthand for the icon slot, the value is icon name

IconNameFor<IconSetName> | undefined

unknown

Icon set for the icon property - 'ui' by default

IconSetName | undefined

unknown

Changes the style of the button.

• Primary: Used for the most important call to action on a page. Try to limit primary buttons to one per page.
• Secondary: Use secondary buttons for general actions on a page, that don’t require as much emphasis as primary button actions. For example, you can use secondary buttons where there are multiple actions, like in toolbars or data lists.
• Tertiary: Tertiary buttons are flexible and can be used as needed.

| 'primary'
    | 'secondary'
    | 'tertiary'
    | 'close'
    | 'play'

'primary'

Use danger buttons for actions a user can take that are potentially destructive or difficult/impossible to undo, like deleting or removing user data.

boolean

false