Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA tree table of folders and files with sizes that add up to each folder, a share bar and sorting by size. Use this when people need to find what takes the space.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for storage settings, backup reports, bundle analysers and anywhere a total must be explained by its parts.
Do not use it for few rows (a plain table is enough) or for sizes you cannot add up (percentages, averages).
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
nodes | TreeNode<Usage>[] | - | Files carry data.bytes; folder sizes are computed. |
defaultExpanded | string[] | [] | Open folders. |
aria-label | string | "Storage usage" | Names the grid. |
aria-sort; sorting happens inside each folder, so folders stay with their contents.aria-hidden); the percentage next to it carries the value.The pattern ships with a Testing Library test (storage-usage-tree.test.tsx) that covers the totals, the size format, the default sort and the share column.