A4 · F1 (묶음)
Form Primitives
Text-input/Textarea + Switch — 폼 입력 primitive 묶음
Text-input / Textarea (A4)
type × state matrix
정책 SSoT — components.md §A4
| variant | default | hover(정적 시연) | focus-visible(정적 시연) | active(정적 시연) | disabled | loading | error | empty |
|---|---|---|---|---|---|---|---|---|
| text | — | — | ||||||
| — | — | |||||||
| password | — | — |
Creator Studio long textarea
68 / 5,000
Error + helper 연결
첫 장면 본문을 입력해야 시작 맥락을 확인할 수 있습니다.
뷰에서 AI가 나를 이해할 때 참고하는 말투, 역할, 응답 선호를 적어주세요.
71/500
helper 연결 + 입력창 내부 character limit + footer와 겹치지 않는 높이 기준
Switch (F1)
checked × state matrix · Space/Enter 토글
정책 SSoT — components.md §F1
| variant | default | hover(정적 시연) | focus-visible(정적 시연) | active(정적 시연) | disabled |
|---|---|---|---|---|---|
| unchecked | |||||
| checked |
Responsive
sm/md/lg viewport별 폼 primitive 배치
Input + Switch 묶음 wrap