Plastic Design System

Layout

Box

Stack

Inline

Space

Center

Row

Levee

Card

Button

Just another button. You can have the button function as a link using the asLink prop

<Button handleClick={() => alert('button clicked!')}>I'm a normal button!</Button>
I'm actually a link!
<Button asLink to="#" newWindow>I'm actually a link!</Button>

Set variant="strong", variant="ghost" or variant="dangerous" for different styles:

Button supports box props too so you can customize it quite easily:

<Button variant="strong" px="3xl" py="md" radius="xxl">A custom button</Button>