Users · Components

UserMenu

UserMenu - User profile menu dropdown refactored for Material 3 Accessibility (WAI-ARIA menu-button pattern): - Proper ARIA attributes for menu state - Roving tabindex over the menu items - Arrow Up/Down, Home/End to move between items; Escape closes + refocuses the trigger; Tab closes; click-outside dismisses - Focus management (first item focused on open, trigger refocused on close)

Public export

typescript

import { UserMenu } from '@happyvertical/smrt-users/svelte';

Import path: @happyvertical/smrt-users/svelte
Props: 6
Props described: 6 of 6
Bindable state: 0
Callback events: 0
Verified release: 0.44.0

Props

NameTypeRequiredDescription

profileProfileNoFull SMRT profile object

user{ name: string; email?: string; }NoSimple user object (used when profile is not available)

signoutUrlstringNoURL for sign out

profileUrlstringNoURL for profile page

settingsUrlstringNoURL for settings page

aria-labelstringNoAccessible label for the menu button

Bindable state

This component has no bindable public state.

Callback events

This component declares no callback event props.

Public export

Props

Bindable state

Callback events

Examples and explanation