BRAID
Braid Logo
 

Actions

Open in Playroom

Alternatives

  • Inline — For fine-grained control of spacing and alignment.
  • Columns — For fine-grained control of widths, spacing and alignment.

Sizes

You can customise the size of the actions via the size prop, which accepts either standard or small.
Standard size
Small size
Open in Playroom

Icons

You can add icons to Button elements by nesting icons inside. The size of the icon will adjust automatically based on its surrounding context.
Standard size
Small size
Open in Playroom

Destructive actions

For destructive actions like “Delete” you can set the Button element’s tone to critical.
Open in Playroom