Button

Form

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

Installation

bash

1npx @dinachi/cli@latest add button

Run the CLI command above to automatically install the component and its dependencies.

A basic button with default styling

Different button variants for various use cases

Different button sizes for different contexts

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
`asChild`	`boolean`	`false`	Change the component to the HTML tag or custom component of the only child