Chip

Props
Prop
Type
Default
Description
variant
string
-
타입
size
string
-
사이즈
icon
React.ReactNode
-
라벨 아이콘
label
string
-
라벨 텍스트
value
string
-
선택 값
clear
boolean
-
삭제 버튼 노출 여부
caret
boolean
-
caret 노출 여부
state
'default' | 'active' | 'disabled
-
상태
onClear
function
-
삭제 버튼 클릭 이벤트 핸들러
onClick
function
-
chip 클릭 이벤트 핸들러
activeColor
string
-
active 상태 기본 색상
activeValueColor
string
-
active 상태 value 색상
activeBackgroundColor
string
-
active 상태 배경 색상
Usage
<Chip
size={'small'}
icon={<Calendar16Regular />}
lable={'날짜'}
value={'선택'}
caret={false}
clear={true}
onClick={() => {}}
/>
Last updated