Button

Prop nameTypeDefaultDescription
colorenumblackOne of: brand, cta, black
sizeenummOne of: m
skinenumfillOne of: fill, outline
kindenumnormalOne of: normal, target
widebool
disabledbool
hrefstring
tostring
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>