Button

import { Button } from '@tile-ui/solid';

export default function ButtonDemo() {
	return (
		<div class="button-group">
			<Button>Default</Button>

Use Button for SolidJS actions, confirmations, and toolbar interactions.

Registry install

pnpm dlx shadcn@latest add @tile-ui/button

Package usage

import { Button } from '@tile-ui/solid';

<Button>Default</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="destructive">Destructive</Button>
<Button loading>Loading</Button>

Highlights

• Six visual variants
• Loading state support
• Eight sizes from xs through icon-lg

Registry dependencies

Item	Purpose
button	Component source and module styles
core	Framework-agnostic logic helpers
styles	Shared SCSS tokens and globals

API reference

Button

Prop	Type	Default
variant	'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'	—
size	'default' | 'xs' | 'sm' | 'lg' | 'icon' | 'icon-xs' | 'icon-sm' | 'icon-lg'	—
loading	boolean	—

Related docs

• Card
• Input