메인 콘텐츠로 건너뛰기
헤더
사용자가 미리 정의된 옵션 목록에서 값을 선택할 수 있도록 합니다. 
import { RecoilRoot } from 'recoil';
import { IconTwentyStar } from 'twenty-ui/display';

import { Select } from '@/ui/input/components/Select';

export const MyComponent = () => {

  return (
    <RecoilRoot>
      <Select
        className
        disabled={false}
        label="옵션을 선택하세요"
        options={[
          { value: 'option1', label: '옵션 A', Icon: IconTwentyStar },
          { value: 'option2', label: '옵션 B', Icon: IconTwentyStar },
        ]}
        value="option1"
      />
    </RecoilRoot>
  );
};