Button
| Prop name | Type | Default | Description |
|---|---|---|---|
| color | enum | black | One of: brand, cta, black |
| size | enum | m | One of: m |
| skin | enum | fill | One of: fill, outline |
| kind | enum | normal | One of: normal, target |
| wide | bool | ||
| disabled | bool | ||
| href | string | ||
| to | string |
| Styled system prop names |
|---|
| m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, maxWidth |
Black (filled)
<Button>submit</Button>
Black (outlined)
<Button skin="outline">go up</Button>
CTA
<Button color="cta">read more</Button>
Brand
<Button color="brand">say hello</Button>
Wide and disabled
<Button wide disabled>wide button</Button>
Target
<Button kind="target" wide color="cta">king size</Button>
Link
<Button href="https://github.com/heartbeatua/Pulse-Boilerplate" target="_blank">open github</Button>
Route
<Button to="/">go home</Button>