ChangelogComponents
0.1.16
Skeleton에 21개 컴포넌트별 primitive를 추가합니다. size/animation을 컨텍스트로 전파하고 실제 컴포넌트와 시그니처를 맞춰 로딩 → 치환 시 layout shifting 없이 사용할 수 있습니다.
신규 컴포넌트별 primitive
Skeleton.Root, Skeleton.Typo 외에 다음 primitive를 추가합니다.
| 영역 | primitive |
|---|---|
| 아바타 / 점 | Skeleton.Avatar.Root, Skeleton.Avatar.Group, Skeleton.Dot |
| 버튼 / 태그 | Skeleton.Button.Root, Skeleton.IconButton, Skeleton.Tag.Root |
| 폼 입력 | Skeleton.TextInput.Root, Skeleton.TextArea, Skeleton.Switch.Root, Skeleton.Checkbox.{Group,Root,Input}, Skeleton.Radio.{Group,Root,Input} |
| 폼 구조 | Skeleton.Label.{Root,Text}, Skeleton.Field.{Root,Label,Description,Message,Count} |
| 네비게이션 | Skeleton.Tabs.{List,Tab}, Skeleton.SegmentedControl.{Group,Item}, Skeleton.Pagination.{Root,Item,PrevTrigger,NextTrigger}, Skeleton.Dropdown.Trigger |
| 알림 / 배지 | Skeleton.SectionMessage.{Root,Icon,Content,Title,Description,Action,CloseButton}, Skeleton.StatusBadge.Root, Skeleton.IconBadge |
시그니처 일치 + 컨텍스트 전파
각 primitive는 실제 컴포넌트의 size / shape / rounded 등 시각 prop을 그대로 받습니다. 로딩이 끝난 뒤 실제 컴포넌트로 치환할 때 자리 크기가 어긋나지 않습니다.
Skeleton.Label.Root, Skeleton.Checkbox.Group, Skeleton.Tabs.List 같은 그룹 컨테이너는 size / animation을 자식에 컨텍스트로 전파해, 행마다 동일한 prop을 반복 지정할 필요가 없습니다.