Trigger actions with buttons

At a glanceCopy Anchor Link

• Who: Anyone placing actions in an admin UI.
• What: Accessible buttons with variants (primary, destructive, outline, ghost) and sizes.
• Use when: For every clickable action, including links styled as buttons.
• Avoid when: For navigation menus — use links or tabs instead.
• See also: Confirm destructive actions

PreviewCopy Anchor Link

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-ui

Latest: 0.3.0 (via changesets).

ExampleCopy Anchor Link

import { Button } from "@zedtech/zedkit-ui";
<Button>Save</Button>
<Button variant="destructive" size="sm">Delete</Button>
<Button variant="outline" size="icon" aria-label="Close">×</Button>

Wraps: @radix-ui/react-slot, class-variance-authority

PropsCopy Anchor Link