uitissue-ui
llms.txt

셀렉트

안정primitive

여러 선택지 중 하나를 고르는 드롭다운입니다.

@tissue-ui/layout-react

설치

bash
npm install @tissue-ui/layout-react
tsx
import { Select } from "@tissue-ui/layout-react";

언제 쓰나

  • 정해진 선택지 중 하나를 고르게 할 때(특히 선택지가 많을 때).

플레이그라운드

disabled
error
tsx
<Select defaultValue="active">
  <option value="active">활성</option>
  <option value="paused">일시중지</option>
  <option value="archived">보관</option>
</Select>

예제

기본
오류 · 비활성
그룹(optgroup)
선택지가 많으면 optgroup 으로 묶습니다.

속성

속성타입설명
disabledboolean선택을 막습니다.
errorboolean값이 잘못됐다고 빨간 테두리로 알립니다.

위 옵션 말고도 className·onClick 같은 일반 HTML 속성을 그대로 넘길 수 있습니다.

상태
defaulthoverfocusdisablederror
data 속성
data-disableddata-error
이 페이지의 옵션·상태는 실제 코드 정의에서 그대로 가져온 것입니다. 에이전트는 같은 내용을 llms.txt 로 읽습니다.