27 / 47
Field
라벨·입력칸·설명·오류 메시지를 한 묶음으로 정리하는 폼 조립 부품입니다. 어떤 입력 요소든 같은 모양으로 맞춰 줍니다.
Basic
결제 폼 전체를 Field로 짠 종합 예시입니다. 입력칸·선택·체크·텍스트영역이 한 묶음으로 정돈됩니다.
Input
라벨 + 입력칸 + 설명의 기본 조합입니다. 설명은 입력칸 위에도, 아래에도 둘 수 있습니다.
Textarea
여러 줄 입력칸을 라벨·설명과 함께 묶습니다.
Select
드롭다운 선택 상자를 라벨·설명과 함께 묶습니다.
소속 부서를 고르세요.
Slider
슬라이더를 제목·설명과 함께 묶습니다. 현재 값이 설명 문장 안에 바로 표시됩니다.
가격 범위
예산 범위를 정하세요 (200 – 800달러).
Fieldset
관련 입력칸 여러 개를 하나의 제목(범례) 아래로 묶습니다. 주소 입력처럼 씁니다.
Checkbox
체크박스를 가로로 배치하고 구분선으로 그룹을 나눕니다.
바탕화면과 문서 폴더가 클라우드와 동기화되어 다른 기기에서도 열 수 있습니다.
Radio
하나만 고르는 라디오 버튼 목록을 범례·설명과 함께 묶습니다.
Switch
라벨과 켜기/끄기 스위치를 한 줄에 나란히 둡니다.
Choice Card
선택지를 카드 모양으로 크게 만들어 제목·설명까지 보여줍니다. 요금제 선택에 흔합니다.
Field Group
설정 화면처럼 여러 섹션을 구분선으로 나눠 쌓습니다.
Responsive
좁은 화면에서는 세로로, 넓은 화면에서는 라벨과 입력칸이 나란히 놓입니다.
RTL
아랍어처럼 오른쪽에서 왼쪽으로 읽는 언어용 배치입니다. 라벨 정렬이 뒤집힙니다.
라벨과 설명이 오른쪽 정렬로 뒤집힙니다.