Builtin component

Button

Clickable action trigger.

Props

PropTypeDefaultDescription
labelstring | FieldReference—Button text
actionActionTarget | FieldReference—Action to execute on click
linkstring | FieldReference—URL to navigate to
iconstring | FieldReference—Icon name
descriptionstring | FieldReference—Tooltip text
kbdstring | FieldReference—Keyboard shortcut hint
variant"primary" | "secondary" | "danger" | "list-item""secondary"Visual style
confirmation{ title, description, confirmLabel? }—Confirmation dialog before execution
successLinkTableRowLink—Navigate after success

Example

Button({ label: "Submit", action: save(), variant: "primary" })

Button({
  label: "Delete",
  action: deleteItem({ id: row.id }),
  variant: "danger",
  confirmation: { title: "Delete item?", description: "This cannot be undone." },
})