Button

Use for primary actions, secondary actions, toolbar controls, and icon buttons

Button is the core action primitive in @downcity/ui.

Import

import { Button } from "@downcity/ui";

Basic Example

Loading preview…

Variants

Loading preview…

Sizes

Loading preview…

Icon Button

Loading preview…

Usage Notes

  • Use size="sm" or size="default" for page-level actions
  • Use variant="ghost" for toolbar controls
  • Use variant="destructive" for destructive actions
  • Prefer icon-* sizes instead of hand-written w-* h-*
  • Button
  • buttonVariants