CHC Registry
Ui

Button

A Button component

Preview

Loading...

Installation

CLI

npx shadcn@latest add https://chc-registry.vercel.app/r/button.json
pnpm dlx shadcn@latest add https://chc-registry.vercel.app/r/button.json 

Manual

Install the following dependencies
npm install @radix-ui/react-slot
pnpm add @radix-ui/react-slot
Add a classname utility function
import { clsx, type ClassValue } from 'clsx';
import { twMerge } from 'tailwind-merge';

export const cn = (...inputs: ClassValue[]) => {
  return twMerge(clsx(inputs));
};
Copy and paste the following code into your project
Update the import paths to match your project setup

On this page