| Prop name | Type | Default | Description |
|---|---|---|---|
| color | enum | black | One of: brand, cta, black |
| skin | enum | fill | One of: fill, outline |
| kind | enum | normal | One of: normal, target |
| type | enum | button | One of: submit, button |
| display | string | inline-block | |
| disabled | bool | false | |
| wide | bool |
<Button>button</Button>
<Button skin="outline">outline</Button>
<Button color="brand">brand</Button>
<Button kind="target" wide color="cta">king size</Button>
<Button wide disabled>wide</Button>
<Button href="https://heartbeat.ua/">heartbeat agency</Button>
<Button to="/principles">principles</Button>