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

Assets · Components

AssetToolbar

Toolbar with view toggle, filters, sort, and upload action

Public export

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

Props

NameTypeRequiredDescription
viewAssetViewModeYesCurrent view mode
filtersAssetFiltersYesCurrent filters
sortAssetSortYesCurrent sort
onViewChange(view: AssetViewMode) => voidYesCallback when view changes
onviewchange(view: AssetViewMode) => voidNoNot described
onFilterChange(filters: AssetFilters) => voidYesCallback when filters change
onfilterchange(filters: AssetFilters) => voidNoNot described
onSortChange(sort: AssetSort) => voidYesCallback when sort changes
onsortchange(sort: AssetSort) => voidNoNot described
onUpload() => voidYesCallback when upload is requested
onupload() => voidNoNot described

Bindable state

This component has no bindable public state.

Callback events

  • onViewChange(view: AssetViewMode) => void
  • onviewchange(view: AssetViewMode) => void
  • onFilterChange(filters: AssetFilters) => void
  • onfilterchange(filters: AssetFilters) => void
  • onSortChange(sort: AssetSort) => void
  • onsortchange(sort: AssetSort) => void
  • onUpload() => void
  • onupload() => 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.