Status: Blazor status component

Examples

Every semantic colour.

website/Examples/DataDisplay/StatusColorsExample.razor Source

From ExtraSmall to ExtraLarge.

website/Examples/DataDisplay/StatusSizesExample.razor Source

Pair the dot with text, and animate the one that matters.

Incident in progress All systems operational Degraded performance Offline

website/Examples/DataDisplay/StatusLabelsExample.razor Source

Color Color

Size StatusSize

Animated

<Status
        Color="Color.Success"
        Size="StatusSize.ExtraLarge"
        Animated="true" />

DaisyBlazor

Animated bool
= false
When true renders a ping / pulse animation (inline-grid + animate-ping layer).
AriaLabel string
= null
Accessible label surfaced via aria-label (recommended when the dot conveys status without visible text).
Color Color
= Color.Default
Semantic color of the dot; maps to daisyUI status-{token}.
Size StatusSize
= StatusSize.Medium
Size of the dot; maps to daisyUI status-{size}.
Class string
= null
Extra CSS classes merged onto the root element.
Style string
= null
Inline CSS styles applied to the root element.

Name	Type	Default	Description
Animated	bool	false	When true renders a ping / pulse animation (inline-grid + animate-ping layer).
AriaLabel	string	null	Accessible label surfaced via aria-label (recommended when the dot conveys status without visible text).
Color	Color	Color.Default	Semantic color of the dot; maps to daisyUI status-{token}.
Size	StatusSize	StatusSize.Medium	Size of the dot; maps to daisyUI status-{size}.
Class	string	null	Extra CSS classes merged onto the root element.
Style	string	null	Inline CSS styles applied to the root element.