Button

Displays a button or a component that looks like a button.

On this page

Props

children

variant

size

isDisabled

isPending

<Button>Button</Button>

Installation

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/button

Usage

Button allow users to initiate an action or command with mouse, touch or keyboard interaction.
The button's label indicates the purpose of the action to the user. You may also include an icon for additional context.

import { Button } from '@dotui/registry/ui/button'

<Button>Button</Button>

Examples

Default

Variants

Sizes

Shapes

Prefix and Suffix

Loading

Disabled

Link Button

API Reference

Button

A clickable element that triggers an action. Buttons communicate actions users can take and allow users to interact with the page.

Prop	Type	Default
	`union`	`'default'`
	`union`	`"md"`
	`ReactNode \| function`	`—`
	`boolean`	`—`
	`boolean`	`—`

LinkButton

A link styled as a button. Link buttons navigate to another page or resource when pressed, rather than performing an action.

Prop	Type	Default
	`union`	`"default"`
	`union`	`"md"`
	`ReactNode \| function`	`—`
	`boolean`	`—`

Last updated on 6/16/2026