Button

A customizable button component with multiple variants and sizes. Built with accessibility in mind.

#Installation

npx @dinachi/cli@latest add button

tsx

import { Button } from '@/components/ui/button'

Prop	Type	Default	Description
variant	'default' \| 'destructive' \| 'outline' \| 'secondary' \| 'ghost' \| 'link'	'default'	The visual style variant of the button
size	'default' \| 'sm' \| 'lg' \| 'icon'	'default'	The size of the button
render	ReactElement \| ((props, state) => ReactElement)	undefined	Replace the rendered element with a different tag or component.