Button

1.0.1

A semantic, accessible action button with primary, secondary, ghost, and destructive treatments.

npx jabkit add button

Component Data

ID: button
Category: atoms
Version: 1.0.1
Added: 2026-08-30
Type: component
Keyboard nav: Yes
Reduced motion: Yes

buttonctaactionsubmitformlink

Dependencies

@radix-ui/react-slot
clsx
tailwind-merge

Examples

Default

<div className="flex flex-wrap gap-3 bg-background p-8 text-foreground">
      <Button>Continue</Button>
      <Button variant="secondary">Save draft</Button>
      <Button variant="ghost">Learn more</Button>
      <Button variant="destructive">Remove</Button>
    </div>