Button

Use Button for primary actions, inline confirmations, and lightweight toolbar interactions.

Preview

The primary button styles cover high-emphasis actions, secondary actions, and quiet inline controls.

Registry install

pnpm dlx shadcn@latest add https://react.tileui.zmorg.cn/r/button.json

import { Button } from '@tile-ui/react';
 
export function SaveChanges() {
	return <Button>Save changes</Button>;
}

Item	Purpose
`button`	Component source
`styles`	Shared SCSS tokens and globals

Prop	Type	Default	Notes
`variant`	`default \| destructive \| outline \| secondary \| ghost \| link`	`default`	Chooses the button visual treatment.
`size`	`default \| sm \| lg \| icon`	`default`	Controls height and padding.
`loading`	`boolean`	`false`	Disables interaction and shows the inline spinner.
`asChild`	`boolean`	`false`	Renders via Radix Slot for composition.