Buttons & Toggles
Button
5 variants × 3 sizes. asChild로 <a>·next/link 합성. loading=true면 자동으로 Spinner + disabled + aria-busy.
예제
설치 / Import
import { Button } from '@baneung-pack/ui';import { Button } from '@baneung-pack/ui/button';서브패스 import는 트리쉐이킹 친화 — 사용하지 않는 다른 컴포넌트는 번들에 포함되지 않습니다.
API
| Property | Description | Type | Default |
|---|---|---|---|
variant | 시각 변형 | 'primary' | 'secondary' | 'outline' | 'ghost' | 'destructive' | 'primary' |
size | 크기 | 'sm' | 'md' | 'lg' | 'md' |
asChild | Slot으로 합성. 사용 시 leftIcon/rightIcon/loading 무시 | boolean | false |
loading | true면 disabled + 좌측에 Spinner + aria-busy | boolean | false |
leftIcon | 좌측 아이콘 슬롯 | ReactNode | — |
rightIcon | 우측 아이콘 슬롯 | ReactNode | — |
disabled | 비활성 | boolean | false |