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

Messages · Components

AccountList

Account management list with sync status

Public export

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

Props

NameTypeRequiredDescription
accountsAccountData[]YesArray of accounts to display in the list.
loadingbooleanNoShows a loading indicator while accounts are being fetched.
onaccountclick(account: AccountData) => voidNoCalled when user clicks on an account card to view details.
onsync(account: AccountData) => voidNoCalled when user requests to sync an account.
onremove(account: AccountData) => voidNoCalled when user requests to remove an account.

Bindable state

This component has no bindable public state.

Callback events

  • onaccountclick(account: AccountData) => void
  • onsync(account: AccountData) => void
  • onremove(account: AccountData) => void

Examples and explanation