Button
Custom button styles for use in forms, pages, CTA's etc. They support multiple colors, states, and more.
Regular
Simple button used for anything you'd like.
EXAMPLE
<Button color="red">red</Button>Outline
Change the button fill to transparent with the outline colored instead.
EXAMPLE
<Button color="red-outline">red outline</Button>API
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | Text displayed in the button. | |
| color | string | Theme color that will change the color of the button. Pass the color with "-outline" to style the button with an outline instead of a background color. | |
| href | string | Passing in an href automatically creates the button as an a tag and will link to whatever reference is passed in. Example: href="/link/to-page" | |
| target | string | Must pass in the href attribute in order for the target to take affect. Changes the anchor tag's target created from the href attribute. |