Button

The only button. Primary is the accent: at most one per viewport.

Chrome

Pack defaults

With content

In context

Source

import { Button } from "demo-landing/components";

const props = {
  "label": "Start free",
  "href": "/#signup",
  "variant": "secondary",
  "size": "md"
};
<Button {...props} />

Live CSS

Injected into the previews above. Button

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */