inputs
Button
4 種類のバリアント・3 サイズ・ローディング状態を備えたボタン。Radix の asChild パターンにも対応。
インポート
import { Button } from '@stella-ds/react'Props
| Prop | 型 | デフォルト | 説明 |
|---|---|---|---|
| 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
使用例
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>