A1
Button
variant × state matrix · hover/focus/active 정적 시각화 · loading 시 `aria-busy="true"` + visually-hidden label
정책 SSoT — components.md §A1
상태 × variant 그리드
| variant | default | hover(정적 시연) | focus-visible(정적 시연) | active(정적 시연) | disabled | loading | error | empty | mode-switch[base-light] | sidebar-collapsed |
|---|---|---|---|---|---|---|---|---|---|---|
| primary | — | — | — | |||||||
| secondary | — | — | — | |||||||
| ghost | — | — | — | |||||||
| destructive | — | — | — |
Size
sm (32px) · md (40px, 기본) · lg (48px)
sm · 32px
md · 40px
lg · 48px
Creator Studio CTA
disabled reason · loading 중복 실행 방지 · success 후 보조 CTA
첫 장면 등록과 뷰 preview 확인이 필요합니다.
저장 중에는 같은 요청을 다시 실행하지 않습니다.
Responsive
sm/md/lg viewport별 wrap·간격·터치 영역
동일 컨텐츠를 viewport별 너비 박스에 렌더