Asset Detail Panel
Asset inspector with a preview, ruled metadata rows for dimensions and usage, a copy URL chip, and replace, download, and delete actions.
Asset inspector with a preview, ruled metadata rows for dimensions and usage, a copy URL chip, and replace, download, and delete actions.
Search blocks by description or jump to a page.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Asset Detail Panel is the inspector for a single file: a full-width Placeholder preview at the top, then six ruled metadata rows covering Dimensions (2400 x 1600 px), Size (2.4 MB), Format (JPEG), Uploaded (Jun 12, 09:14), Uploaded by (Avery Stone with her avatar), and Used in (4 places). Below the rows a copy-URL chip displays the full CDN path and a ghost icon button copies it. Three action buttons follow: Replace, Download, and a destructive Delete.
Metadata is one array of label/value pairs; the Uploaded by row branches to render the avatar inline. Surfacing the used-in count before the delete button is the detail that prevents accidental breakage across the four dependents.
Reach for this block as the sidebar or drawer that slides in when a user clicks an asset in the media grid, wired to your asset-detail endpoint. Gate the Delete button on write permission for the current user.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the image inspector panel. Other asset types:
Tip: show Used in before Delete; a user who sees the count first will think twice before removing a file that four pages depend on.