s-m-r-t
Open the s-m-r-t source on GitHub Switch to dark color scheme
← All UI components

Assets · Components

AssetDetail

Detailed view of a single asset with metadata and preview

Public export

typescript 
import { AssetDetail } from '@happyvertical/smrt-assets/svelte';
Import path
@happyvertical/smrt-assets/svelte
Props
11
Props described
11 of 11
Bindable state
0
Callback events
8
Verified release
0.44.0

Props

NameTypeRequiredDescription
assetPersistedAsset | nullYesThe asset to display
openbooleanYesWhether the detail view is open
onClose() => voidNoCallback when detail is closed
onclose() => voidNoFired when the detail view is closed.
onSave(asset: PersistedAsset, updates: AssetDetailUpdates) => void | Promise<void>NoCallback when asset is updated (save metadata)
onsave(asset: PersistedAsset, updates: AssetDetailUpdates) => void | Promise<void>NoFired when the user saves metadata changes.
onDelete(asset: PersistedAsset) => voidNoCallback when asset is deleted
ondelete(asset: PersistedAsset) => voidNoFired when the user deletes the asset.
onEdit(asset: PersistedAsset) => voidNoCallback to open the image editor
onedit(asset: PersistedAsset) => voidNoFired when the user clicks to edit the image.
contentReferencesSnippet<[{ assetId: string; }]>NoContent references snippet (injected by smrt-content)

Bindable state

This component has no bindable public state.

Callback events

  • onClose() => void
  • onclose() => void
  • onSave(asset: PersistedAsset, updates: AssetDetailUpdates) => void | Promise<void>
  • onsave(asset: PersistedAsset, updates: AssetDetailUpdates) => void | Promise<void>
  • onDelete(asset: PersistedAsset) => void
  • ondelete(asset: PersistedAsset) => void
  • onEdit(asset: PersistedAsset) => void
  • onedit(asset: PersistedAsset) => void

Examples and explanation

UI showcase Read the curated UI story for mechanism and usage guidance. smrt-assets package reference See package status, version, limitations, and all public subpaths.