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

Layout

EmptyState

EmptyState - Placeholder for empty lists/content refactored for Material 3 Provides a consistent empty state display with optional icon, description, and call-to-action button.

Public export

typescript 
import { EmptyState } from '@happyvertical/smrt-ui/layout';
Import path
@happyvertical/smrt-ui/layout
Props
7
Props described
7 of 7
Bindable state
0
Callback events
1
Verified release
0.44.0

Props

NameTypeRequiredDescription
titlestringYesMain title text
descriptionstringNoOptional description
icon'document' | 'folder' | 'users' | 'search' | 'inbox' | SnippetNoIcon slot or default icon name
actionLabelstringNoAction button label
actionHrefstringNoAction button href
onaction() => voidNoAction button click handler
size'sm' | 'md' | 'lg'NoSize variant

Bindable state

This component has no bindable public state.

Callback events

  • onaction() => void

Examples and explanation

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