Buttons are used to take actions.
<div>
<div style={{ marginBottom: '24px' }}>
<Button onClick={() => console.log('Hello !')} variant="primary">
Primary
</Button>
<Button onClick={() => console.log('Hello !')} variant="neutral">
Neutral
</Button>
<Button disabled onClick={() => console.log('Hello !')}>
Normal
</Button>
</div>
<div style={{ backgroundColor: 'lightcoral', padding: '24px' }}>
<Button onClick={() => console.log('Hello !')} variant="light">
Light
</Button>
<Button onClick={() => console.log('Hello !')} variant="dark">
Dark
</Button>
</div>
</div>
children
| string | '' | Content of the component. Only text for now. |
disabled
| bool | false | Is the Button disabled or not. |
onClick
| func | noop() | This function is called when the user clicks on the Button. |
type
| string | 'button' | The type to pass to the underlying button html element |
variant
| enum | 'primary' | The type of variation to display |