single-select

단일 선택 컴포넌트

Props

Prop	Type	Default	Description
name	string	-	select 고유 이름
options	ArrayList	-	옵션 데이터 목록
value	string	-	선택 값
defaultValue	string	-	기본 선택 값
className	string	-	커스텀 스타일
onChange	function	-	선택 값 변경 핸들러
children	React.ReactNode	-	선택 영역 커스텀 컴포넌트

Usage

import { SingleSelect } from '@/src/components/ui'

function SingleSelectDemo() {
  return (
    <SingleSelect
      name={'singleSelect'}
      options={[
        { value: 'apple', label: 'Apple' },
        { value: 'banana', label: 'Banana' },
        { value: 'blueberry', label: 'Blueberry' },
        { value: 'grapes', label: 'Grapes' },
        { value: 'pineapple', label: 'Pineapple' },
      ]}
      value={'banana'}
      onChange={() => {}}
    />
  )
}