Button

기본 버튼 컴포넌트입니다.

Import


import { Button } from '@choblue/ui/button'

Variants

Variant	설명
`primary`	기본 액션 버튼
`secondary`	보조 액션 버튼
`outline`	외곽선 스타일
`ghost`	배경 없는 스타일
`danger`	삭제/위험 액션


<Button variant="primary">Primary</Button>
<Button variant="secondary">Secondary</Button>
<Button variant="outline">Outline</Button>
<Button variant="ghost">Ghost</Button>
<Button variant="danger">Danger</Button>

Sizes

Size	설명
`sm`	작은 크기 (h-8)
`md`	기본 크기 (h-9)
`lg`	큰 크기 (h-10)
`icon`	아이콘 전용 (h-9, w-9)

Disabled

Props

Prop	타입	기본값	설명
`variant`	`'primary' \| 'secondary' \| 'outline' \| 'ghost' \| 'danger'`	`'primary'`	버튼 스타일
`size`	`'sm' \| 'md' \| 'lg' \| 'icon'`	`'md'`	버튼 크기
`disabled`	`boolean`	`false`	비활성화
`type`	`'button' \| 'submit' \| 'reset'`	`'button'`	버튼 타입