Empty Message
Empty state for telling users there's nothing to show, with error, warning, no-results, and onboarding compositions.
import { EmptyMessage } from "@plexui/ui/components/EmptyMessage";Examples
Composition
fill
color
size
icon
content
No projects yet
Create your first project to get started
Error message
Enable microphone access in your browser's settings.
Warning message
o1-preview is in beta
System instructions and model configuration are not available yet. Responses may take longer.
No results
No icons found matching "pizza"
Compact
Members
No members yet
Invite people to work on this project.
Left aligned
Tags
No tags added.
API
EmptyMessage (root)
| Prop | Type | Default | Description |
|---|---|---|---|
fill | "static" | "absolute" | "none" | "static" | How the container fills its parent: "static" takes full width and height, "absolute" covers a positioned parent (inset 0), "none" applies no sizing |
size | "sm" | "md" | "md" | sm is the compact message for a panel, a card section or an empty list |
align | "center" | "start" | "center" | start left-aligns the message, for an empty state under a section heading |
EmptyMessage.Icon
| Prop | Type | Default | Description |
|---|---|---|---|
color | "secondary" | "danger" | "warning" | "secondary" | Semantic color |
size | "sm" | "md" | "md" | Icon badge size |
EmptyMessage.Title
| Prop | Type | Default | Description |
|---|---|---|---|
color | "secondary" | "danger" | "warning" | "secondary" | Semantic color |
EmptyMessage.Description: description text; no specific props.
EmptyMessage.ActionRow
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | — | Additional classes for the action row container |
Every part accepts className. The parts apply no other attributes.
Styling
Empty Message has no component tokens of its own. It reads the shared semantic color, typography and spacing tokens listed in Design tokens, so it follows theme changes made there.