Button

A polymorphic button with variants, sizes, icons, and a CTA group helper.

Installation

npx shadcn@latest add https://reactdocs.canceydejean.dev/r/button.json

Usage

Use the button for primary actions, secondary actions, links, and icon-only controls. Pair related actions with ButtonCTAGroup.

import { Button, ButtonCTAGroup } from "@/components/button/button";

export function Example() {
  return (
    <ButtonCTAGroup>
      <Button variant="primary">Save</Button>
      <Button variant="outline">Cancel</Button>
    </ButtonCTAGroup>
  );
}