multi-select

다중 선택 컴포넌트

Props

Prop
Type
Default
Description

name

string

-

셀렉트 박스 고유 이름

options

-

옵션 목록

value

string

-

선택 값

className

string

-

커스텀 스타일

onChange

function

-

값 변경 핸들러

Usage

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

function MultiSelectDemo() {
  return (
    <MultiSelect
      name={'multiSelect'}
      value={'react,vue'}
      options={[
        { value: 'react', label: 'React' },
        { value: 'angular', label: 'Angular' },
        { value: 'vue', label: 'Vue' },
        { value: 'svelte', label: 'Svelte' },
        { value: 'ember', label: 'Ember' },
      ]}
      onChange={() => {}}
    />
  )
}

Last updated