Storage Usage Card
Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable trash hint.
Storage quota card showing 142 of 250 GB used with a type breakdown bar and a recoverable trash hint.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Storage Usage Card shows 142 GB used of 250 GB total for the Acme workspace, the headline number and a Progress bar making the ratio immediate. Below it a stacked proportional bar and a four-row legend break usage by type: Images 68 GB, Documents 34 GB, Video 27 GB, and Other 13 GB, each legend dot matching its segment shade. A hint panel at the bottom notes 28 GB in Trash with the auto-purge policy, Items are permanently deleted after 30 days, and an Empty the trash prompt.
The breakdown array drives both the stacked bar widths and the legend rows from one source. The trash hint is the block saying what the number actually means for the user right now.
Reach for this block on a settings storage page or a sidebar widget, wired to your storage quota API. Update usedGB and the breakdown array; widthPercent values must sum to 100.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace storage widget. Other quota shapes:
Tip: show what is recoverable right now, the 28 GB in Trash hint turns a passive meter into an actionable one.