← All components

Button

Primary actions, links-as-buttons, and icon affordances.

Example

import { Button } from "matcha-ui";

<div className="flex flex-wrap gap-2">
  <Button>Primary</Button>
  <Button variant="secondary">Secondary</Button>
  <Button variant="outline">Outline</Button>
  <Button variant="ghost">Ghost</Button>
  <Button variant="destructive">Destructive</Button>
</div>