Playground

Browse component variants, see them live, and copy the code.

Button

7 variants

Default

<Button>Save Recipe</Button>

Secondary

<Button variant="secondary">Learn More</Button>

Ghost

<Button variant="ghost">Cancel</Button>

Destructive

<Button variant="danger">Delete</Button>

With Icon

<Button iconLeft={<ChefHat size={14} />}>Add Recipe</Button>

<Button loading>Saving…</Button>

Small

<Button size="sm">Filter</Button>