Button

@vortex/ui-foundation

v1.0.5안정

기본 동작을 수행하는 버튼 컴포넌트입니다. 다양한 스타일과 크기를 지원하며, 아이콘과 함께 사용할 수 있습니다.

Displays a button or a component that looks like a button.

Installation


npx @vortex/cli add button --package foundation


import { Button } from "@vortex/ui-foundation"
 
export default function Example() {
  return <Button>Click me</Button>
}

Prop	Type	Default	Description
variant	`"default"` \| `"secondary"` \| `"outline"` \| `"ghost"` \| `"link"` \| `"destructive"`	`"default"`	버튼의 시각적 스타일 변형
size	`"default"` \| `"sm"` \| `"lg"` \| `"icon"` \| `"icon-sm"` \| `"icon-lg"`	`"default"`	버튼의 크기
asChild	`boolean`	`false`	자식 요소에 버튼 스타일 적용 (Slot 패턴)
disabled	`boolean`	`false`	버튼 비활성화 상태
type	`"button"` \| `"submit"` \| `"reset"`	`"button"`	HTML button type 속성
onClick	`() => void`	-	클릭 이벤트 핸들러
className	`string`	-	추가 CSS 클래스
children	`ReactNode`	-	버튼 내용

Storybook에서 모든 Props를 실시간으로 조정하고 결과를 확인할 수 있습니다.