Dropdown

Dropdown

드롭다운 공통 컴포넌트입니다.

---

✅ Props

interface DropdownProps {
  label: string;
  options: string[];
  onSelect: (value: string) => void;
}

---

🔄 동작 방식

• 비교적 간단한 props 전달로 사용할 수 있습니다.
• label과 배열 타입의 options(넘겨줄 list들의 값), onSelect(list에서 label값으로 바꾸기 위한 함수)를 활용해주세요.

---

🧾 사용 예시

  const handleSelect = (value: string) => {
    console.log('선택된 값:', value);
  };

  return (
    <div style={{ padding: '20px' }}>
      <Dropdown label="가격" options={['₩10,000', '₩20,000', '₩30,000']} onSelect={handleSelect} />
    </div>
  );
};
/>