Skip to content
daisyBlazor

StatusChip

A filled chip for status values. Give it a Status and a StatusMap built once per status type, and it picks its own colour and icon; an explicit Label, Color or Icon always wins.
Data components.badge
Cover · <StatusChip>
#ORD-1042 · Contoso Delivered
#ORD-1043 · Fabrikam Shipped
#ORD-1044 · Globex Processing
#ORD-1045 · Initech Delayed

Examples

Status map

StatusMap.For<T>() maps each value to a colour and optional icon; the label falls back to the value's name.

ProcessingShippedDeliveredDelayedLost
website/Examples/Data/StatusChipMapExample.razor Source

Overrides

Labels stay with the caller (they are usually localized); Color and Icon override the map, and a chip works without one.

Livré Signed for Disputed No map at all
website/Examples/Data/StatusChipOverridesExample.razor Source

Sizes

Small (default), Medium and Large.

Live Live Live
website/Examples/Data/StatusChipSizesExample.razor Source

Playground

Shipped
Color Color
Size Size
<StatusChip
            Label="Shipped"
            Color="Color.Primary"
            Icon="local_shipping" />

API

<StatusChip>

DaisyBlazor.Data

A filled Chip variant for status indicators.

Parameters

  • Color Color?
    = null

    Colour applied to the chip. Overrides Map when set; leave unset to let the map decide.

  • Icon string
    = null

    Optional leading icon (a Material Symbols ligature). Overrides Map when set.

  • Label string
    = null

    Text displayed inside the chip. Optional when Status is supplied, in which case it falls back to Status.ToString().

  • Map StatusMap
    = null

    Declarative status → colour/icon map. Build one per status type with For<T>() and reuse it across list, card and detail views.

  • Size Size
    = Size.Small

    Chip size; defaults to Small.

  • Status object
    = null

    The status value to render. Combined with Map it drives the colour and icon.

  • Class string
    = null

    Additional CSS classes applied to the chip.

  • Style string
    = null

    Inline style applied to the chip.

Something went wrong while running the docs. Reload