EmptyState: Blazor empty state component

Examples

Icon and subtitle

Icon sits above the message; Subtitle suggests what to do next.

No customers match “Initech 2019”

Try a wider year range or another plan.

website/Examples/Feedback/EmptyStateBasicExample.razor Source

Message only

Message is the only required parameter.

No activity yet

website/Examples/Feedback/EmptyStateMessageOnlyExample.razor Source

In a list

Render it when the collection is empty and the list otherwise.

No tasks yet

Add a task to plan your sprint.

website/Examples/Feedback/EmptyStateListExample.razor Source

Playground

No invoices yet

Invoices will appear here once you subscribe.

Message

Icon

Subtitle

<EmptyState
            Message="No invoices yet"
            Icon="receipt_long"
            Subtitle="Invoices will appear here once you subscribe." />

API

<EmptyState>

DaisyBlazor.Feedback

Centered empty-state placeholder with optional icon and subtitle.

Parameters

Icon string
= null
Optional Material Symbols icon ligature shown above the message.
Message string
= required
Primary message displayed to the user.
Subtitle string
= null
Optional secondary line shown beneath the message.

Name	Type	Default	Description
Icon	string	null	Optional Material Symbols icon ligature shown above the message.
Message	string	required	Primary message displayed to the user.
Subtitle	string	null	Optional secondary line shown beneath the message.

Content

ChildContent RenderFragment
Optional actions (for example an "Add" button) rendered centred beneath the text.

Name	Type	Description
ChildContent	RenderFragment	Optional actions (for example an "Add" button) rendered centred beneath the text.