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

Messages · Components

MessageFilters

Filter and sort controls for message lists

Public export

typescript 
import { MessageFilters } from '@happyvertical/smrt-messages/svelte';
Import path
@happyvertical/smrt-messages/svelte
Props
6
Props described
6 of 6
Bindable state
0
Callback events
2
Verified release
0.44.0

Props

NameTypeRequiredDescription
filtersMessageFilterStateNoCurrent filter state to display and edit.
sortMessageSortNoCurrent sort field and direction.
accountsAccountData[]NoAccounts available for filtering.
availableTypesMessageType[]NoMessage types available for filtering.
onfilterchange(filters: MessageFilterState) => voidNoCalled when user changes any filter.
onsearch(query: string) => voidNoCalled when user enters a search query.

Bindable state

This component has no bindable public state.

Callback events

  • onfilterchange(filters: MessageFilterState) => void
  • onsearch(query: string) => void

Examples and explanation

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