TableCellSelect

Props
Prop
Type
Default
Description
variant
'text' | 'tag'
-
타입
state
'default' | 'loading' | 'error' | 'success' | 'disabled' | 'readonly'
'default'
상태
contained
boolean
-
contained 여부
options
{ value: string label: string }[]
-
select option 아이템 value: 선택 값 label: 라벨 텍스트
value
string
-
선택 값
onChange
function
-
값 선택 이벤트 핸들러
placeholder
string
-
플레이스 홀더
borderColor
string
-
variant가 tag일 경우 tag의 border color
bgColor
string
-
variant가 tag일 경우 tag의 background color
textColor
string
-
variant가 tag일 경우 tag의 text color
Usage
<TableCellSelect
variant={'tag'}
options={[
{
value: 'value01',
label: '셀렉트 아이템',
},
{
value: 'value02',
label: '셀렉트 아이템',
},
{
value: 'value03',
label: '셀렉트 아이템',
},
]}
value={'value01'}
onChange={() => {}}
placeholder={''}
borderColor={'#22C55E47'}
bgColor={'#FFFFFF'}
textColor={'#16A34A'}
/>
Last updated