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

Users · Components

UserCard

UserCard - Compact user information display refactored for Material 3

Public export

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

Props

NameTypeRequiredDescription
userUserYesUser account containing email and identification.
profileProfileYesUser profile containing name and avatar data.
rolestringNoUser's role or position title.
statusstringNoUser status (active, pending, suspended, or inactive).
onclick() => voidNoCallback invoked when the card is clicked.
selectedbooleanNoIndicates whether the card is in a selected state.

Bindable state

This component has no bindable public state.

Callback events

  • onclick() => void

Examples and explanation

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