Button

A widget that enables users to trigger an action or event.

Size

Variant

Intent

Disabled

Icons

Sizes with icons

Icon button

To use icon-only buttons, use IconButton. It is identical to Button, except it does not have the text variant.

Link

To have the button act as a link, pass in a URL to the href prop. To open the link in a new tab, use the newTab prop. Note that the final component is rendered as a <button> element, not <a>.

1
<DesignComponentsDisplay className="grid-flow-col grid-rows-1 ">
2
	<Button href="/" rightIcon={<Unknown />}>Home</Button>
3
	<Button href="/" rightIcon={<Unknown />} newTab={true}>New tab</Button>
4
</DesignComponentsDisplay>