Tag
사용자가 붙인 라벨을 표시.
- 라이브러리 전용
개요
미리보기
회고
예시
상태
읽기 전용
회고제거 가능
회고사용자 입력(혼합 언어)
Q3 로드맵
이렇게 · 이렇게 하지 않기
- 이렇게 사용자 라벨에만 쓰고 신뢰 상태는 TrustLabel로 따로 표시한다.
- 이렇게 하지 않기 태그 모양으로 시스템의 판단을 사실처럼 보이게 하지 않는다.
- 이렇게 하지 않기 사용자가 쓴 태그 이름은 번역하지 않는다. 필터로 쓰지 않는다(ChipGroup).
토큰과 속성
| 이름 | 타입 | 기본값 | 설명 |
|---|---|---|---|
children | ReactNode | 회고 | 사용자가 쓴 태그 이름(번역하지 않음, dir="auto"). |
removable? | boolean | false | 제거 버튼을 붙인다. 제거 후 초점은 컨테이너가 옮긴다(다음 → 이전 → 입력). |
onRemove?: () => void | — | — | 제거 버튼을 누르면 호출. polite “태그 제거됨: 회고”를 알린다(cb:announce). |
ref | — | — | ref는 바깥 <span>으로 전달된다. |
| 그 밖의 속성 | — | — | id, data-* 등 네이티브 span 속성은 그대로 전달된다. className·style은 받지 않는다. |
접근성
키보드: 제거 버튼에서 Enter·Space.
- 제거 버튼 이름은 “회고 제거”. 보이는 크기 24px, 누르는 영역 44px.