Skip to main content
Where a button renders depends on the surface. On pages and record tabs it renders inline, wherever it sits in the component tree. In dialogs it is lifted out of the tree and placed in the dialog footer. A button inside a <Table.Cell /> is the exception: it stays in the cell.

​
Example

​
Props

​
string
required
The text of the button.
​
() => void
required
A function that will be called if the user clicks the button.
​
'primary' | 'secondary' | 'destructive'
The style of the button.Defaults to "secondary"."primary" is only honoured on pages and record tabs. In dialogs the primary action is the submit button, and a "primary" Button renders as "secondary".
​
boolean
Whether or not the button is disabled.Defaults to false.
​
AttioIcon
An optional AttioIcon to display in the button.
​
KeyboardKey
An optional keyboard shortcut that will fire the button.Only honoured in dialogs, where the button sits in the footer. On pages and record tabs there is no shortcut to bind, so the hint is ignored.