inputs
Button
Interactive button with four visual variants, three sizes, loading state, and Radix asChild support.
Import
import { Button } from '@stella-ds/react'Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'solid' | 'outline' | 'ghost' | 'glow' | 'solid' | Visual style |
| size | 'sm' | 'md' | 'lg' | 'md' | Size preset |
| loading | boolean | false | Shows spinner and disables interaction |
| asChild | boolean | false | Render child as root (Radix Slot pattern) |
Preview
Examples
Variants
<Button variant="solid">Solid</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="glow">Glow</Button>Loading
<Button loading>Saving...</Button>