<Button />

A button component.

import {Button} from "attio/client"

Any buttons placed inside a dialog will be rendered at the bottom of the dialog.

Example

<Button
  label="Remove"
  variant="destructive"
  keyboardHint="x"
  onClick={() => {
    // code here
  }}
/>

Props

label · string · required

The text of the button.

onClick · () => void · required

A function that will be called if the user clicks the button.

variant · 'secondary' | 'destructive'

The style of the button.

Defaults to "secondary".

The only way to have a “primary” button is to use a submit button.

disabled · boolean

Whether or not the button is disabled.

Defaults to false.

icon · AttioIcon

An optional AttioIcon to display in the button.

keyboardHint · KeyboardKey

An optional keyboard shortcut that will fire the button.