Select

Props

Prop	Type	Default	Description
appearance	'default' | 'filled' | 'ghost'	'default'	형태
size	'medium' | 'large' | 'small'	-	사이즈
state	'default' | 'loading' | 'error' | 'success' | 'disabled' | 'readonly'	'default'	상태
label	string	-	라벨 텍스트
name	string	-	셀렉트 고유 이름
options	{ value: string label: string }[]	-	옵션 데이터 value: 선택 값 label: 라벨 값
value	string	-	선택 값
onChange	function	-	값 선택 핸들러
placeholder	string	-	플레이스 홀더
helperMessage	string	-	보조 메세지
fixedWidth	boolean	-	사이즈 고정 여부
required	boolean	-	필수 값 여부
className	string	-	커스텀 스타일 적용

Usage

<Select
  appearance={'default'}
  size={'large'}
  state={'error'}
  label={'라벨'}
  required
  helperMessage={'보조 메세지 영역'}
  name={'select'}
  placeholder={'선택'}
  options={[
    {
      value: 'value01',
      label: '셀렉트 아이템',
    },
    {
      value: 'value02',
      label: '셀렉트 아이템',
    },
    {
      value: 'value03',
      label: '셀렉트 아이템',
    },
  ]}
  value={'value01'}
  onChange={() => {}}
  fixedWidth
/>