Button

Buttons are used to perform actions in the product.

Default

Good to know: you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.

<Button
    label="Label"
    size="medium"
    kind="default"
    onClick={doTheThing}
/>

Primary

<Button
    label="Label"
    size="medium"
    kind="primary"
    onClick={doTheThing}
/>

Secondary

<Button
    label="Label"
    size="medium"
    kind="secondary"
    onClick={doTheThing}
/>

These examples are taken from the excellent Storybook Example Design System.

Last updated