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