컴포넌트 레퍼런스¶
8개 카테고리 44개 내장 컴포넌트. 모든 컴포넌트는 타입별 프롭 위에 공통 프롭(base props) (id, w, h, align, pad, note, muted)을 받습니다.
| 카테고리 | 컴포넌트 | 개수 |
|---|---|---|
| 레이아웃 | container · card · panel · divider · spacer |
5 |
| 내비게이션 | navbar · sidebar · tabs · breadcrumb · pagination · stepper |
6 |
| 기본 입력 | button · input · textarea · select · checkbox · radio |
6 |
| 고급 입력 | toggle · slider · date-picker · file-upload · search |
5 |
| 표시 | heading · text · image · icon · avatar · badge · tag · kbd |
8 |
| 피드백 | alert · progress · toast · modal · skeleton |
5 |
| 데이터 | table · list · tree · kv-list |
4 |
| 플레이스홀더 | chart · map · video · placeholder |
4 |
| 탈출구 | raw |
1 |
프롭 표 표기¶
string/number/boolean— 원시 타입.string[]— 문자열 배열."a" \| "b" \| "c"— 열거형; 이 값들만 허용됨.number \| string— 유니온; 둘 다 허용.- 별도 표기가 없는 한 프롭은 모두 선택. 대부분의 컴포넌트는 프롭 없이도 무난하게 렌더링됩니다 (플레이스홀더로 유용).
알 수 없는 추가 프롭은 무시 — 에러가 나지 않으므로 YAML에 주석처럼 자유롭게 표기해도 렌더링은 깨지지 않습니다.
오타 제안¶
컴포넌트 타입을 잘못 쓰면 (예: button 대신 buton), Levenshtein 거리 ≤ 2 범위에서 가장 가까운 유효 이름을 제안합니다. 인라인 에러 주위의 와이어프레임은 정상 렌더링.