Sk.List
Repeating list of skeleton items.
Live preview
<Sk.List renderItem={() => <Sk.Text />} />
<Sk.List count={4} gap={16} renderItem={() => <Sk.Text />} />
<Sk.List renderItem={() => <Avatar + Text />} />
Usage
<Sk.List /> // 3 items
<Sk.List count={5} gap={8} />
<Sk.List count={4} renderItem={() => (
<div style={{ display: 'flex', gap: 8 }}>
<Sk.Avatar size={32} />
<Sk.Text width="70%" />
</div>
)} />Props
| Prop | Type | Default |
|---|---|---|
count | number | 3 |
gap | number | 12 |
renderItem | () => ReactNode | — |
className | string | — |