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.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
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.