platform-blocks-data-displaylisted
Install: claude install-skill platform-blocks/skills
# Platform Blocks Data Display
Components for showing data that already exists — tables, lists, trees, feeds,
and the small status chrome around them. All imports are from the package root:
```tsx
import {
DataTable, Table, DataList, Tree, Timeline, Accordion, Collapse, Spoiler,
ListGroup, ListGroupItem, ListGroupDivider, ListGroupBody,
Badge, Chip, Avatar, AvatarGroup, Indicator, Rating, Gauge, QRCode, Markdown,
} from '@platform-blocks/ui';
```
Four reference files sit alongside this one:
- `references/api.md` — the curated API: how the pieces compose, the union
types, the defaults that bite. **Read this first.**
- `references/props.md` — generated, exhaustive prop tables for every component
in this skill. Look here for the complete surface of a single prop.
- `references/icons.md` — generated, every `name` the built-in `Icon` registry
accepts. Check it before writing `<Icon name="…">`; unlisted names render
nothing.
- `references/patterns.md` — complete copy-paste screens.
## Pick the right component
| Need | Use |
| --- | --- |
| Data grid with sort / filter / paginate / select | `DataTable` |
| Hand-built table markup, full control | `Table` + `Table.Thead`/`Tbody`/`Tr`/`Th`/`Td` |
| Label → value detail pairs | `DataList` |
| Hierarchy, folders, nav trees | `Tree` |
| Chronological events | `Timeline` |
| Collapsible Q&A / settings sections | `Accordion` |
| One thing that opens and closes | `Collapse` |
| Long text that needs a "show more" | `Spoile