Button

InstallationCopy Anchor Link

pnpm dlx shadcn@latest add @columbus/button

UsageCopy Anchor Link

import { Button } from "@/components/ui/button";

<Button variant="outline">Cancel</Button>;

SizesCopy Anchor Link

LoadingCopy Anchor Link

loading shows a spinner, hides the label without changing the button's width, and disables the button.

LinksCopy Anchor Link

Button always has button semantics. For navigation, style your router's link with buttonVariants so screen readers announce it as a link:

API referenceCopy Anchor Link

Also accepts every native <button> attribute.