Button

A versatile button component with multiple variants, sizes, and color schemes.

Preview

Variants

Sizes

Danger

Disabled

Usage

tsx

import { Button } from "@semajsx/ui/components/button";

<Button>Click me</Button>
<Button variant="outline" size="lg">Large Outline</Button>
<Button color="danger">Delete</Button>

Props

Prop	Type	Default	Description
`variant`	`"solid" \| "outline" \| "ghost"`	`"solid"`	Visual variant
`size`	`"sm" \| "md" \| "lg"`	`"md"`	Size preset
`color`	`"default" \| "danger"`	`"default"`	Color scheme
`disabled`	`boolean`	`false`	Disabled state
`type`	`"button" \| "submit" \| "reset"`	`"button"`	HTML button type
`onClick`	`(e: Event) => void`	—	Click handler
`aria-label`	`string`	—	Accessible label