본문으로 건너뛰기
입력

셀렉트

적은 수의 고정 옵션을 고르는 네이티브 select 래퍼다. 주제·섹션·발행 상태처럼 선택지가 명확하고 짧을 때 쓴다. 검색·생성·그룹이 필요한 복잡한 선택은 드롭다운 패턴으로 분리한다.

상태

기본
비활성

활용 방법

섹션 선택

옵션 수가 적고 고정적일 때 사용한다.

Preview
tsx
<Select defaultValue="feature">
<option value="feature">Feature</option>
<option value="interview">Interview</option>
</Select>

속성

이름타입기본값설명
classNamestring"w-full"래퍼 클래스: 주로 너비
childrenReactNode-option 요소
...propsSelectHTMLAttributes-네이티브 select 속성 전부 전달