← ClaudeAtlas

platform-blocks-data-displaylisted

Display data with the @platform-blocks/ui React Native library. Use when rendering tabular data with DataTable (sorting, filtering, pagination, selection, bulk actions, server-side/manual pagination) or the low-level Table compound (Table.Thead/Tbody/Tr/Th/Td), building label/value detail lists with DataList, hierarchical Tree views with expansion/checkboxes/lazy loading, event feeds with Timeline, expandable sections with Accordion/Collapse/Spoiler, list rows with ListGroup, or status and identity chrome with Badge, Chip, Avatar/AvatarGroup, Indicator, Rating, Gauge, QRCode and Markdown.
platform-blocks/skills · ★ 0 · Data & Documents · score 70
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