Button
Button은 사용자가 주요 작업을 수행하도록 돕는 핵심 상호작용 요소입니다.Property
Variant
Button의 시각적 스타일을 설정합니다.
ColorPalette
Button의 역할에 따른 색상을 설정합니다.
Disabled
Button의 비활성화 상태를 설정합니다.
Size
Button의 크기를 설정합니다.
Examples
Button with Icon
Button의 역할을 직관적으로 표현하기 위해 아이콘과 함께 사용합니다.
Props Table
Button
작업을 실행하는 버튼 컴포넌트. 폼 제출, Dialog 트리거, 내비게이션 같은 주요 작업에 사용하세요. <button> 요소로 렌더링됩니다.
| Prop | Default | Type |
|---|---|---|
colorPalette? | primary | primarysecondarysuccesswarningdangercontrast |
size? | md | smmdlgxl |
variant? | fill | filloutlineghost |
className? | - | stringfunction |
style? | - | React.CSSPropertiesfunction |
focusableWhenDisabled? | false | boolean |
nativeButton? | true | boolean |
render? | - | ReactElementfunction |