03 · Components · 설정
필드셋Fieldset
관련된 입력 필드를 그룹으로 묶고 legend로 이름을 붙입니다. 라디오 그룹·체크박스 그룹처럼 의미상 한 덩어리인 요소들에 필수입니다.
StableWCAG AA
기본
tsx
<Fieldset legend="알림 받기" description="원하는 채널을 모두 선택하세요.">
<Checkbox label="이메일" />
<Checkbox label="SMS" />
<Checkbox label="앱 푸시" />
</Fieldset>미리보기
라디오 그룹
tsx
<Fieldset legend="소속 구역">
<Radio name="district" value="a" label="A구역" defaultChecked />
<Radio name="district" value="b" label="B구역" />
</Fieldset>미리보기
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
legend | string | 그룹의 이름 (필수). | |
description | string | legend 아래 보조 설명. | |
disabled | boolean | 내부의 모든 입력을 일괄 비활성화. |