Skip to content
daisyBlazor

Stats

A row (or column) of headline numbers using daisyUI stats. Each Stat has a Title, Value and Desc, plus optional Figure and Actions slots.
Data display.stats
Cover · <Stats>
Uptime
99.98%
Last 90 days
Active users
1.2M
↗︎ 18% this quarter

Examples

Basic

Figure holds an icon; DescColor tints the description for trends.

Monthly revenue
€31K
Jan 1st – Feb 1st
New signups
4,200
↗︎ 400 (22%)
Churned
1,200
↘︎ 90 (14%)
website/Examples/DataDisplay/StatsBasicExample.razor Source

Vertical

Vertical stacks the stats; Shadow lifts the container.

Signups
31K
Jan 1st – Feb 1st
Active users
1.2M
↗︎ 18% this month
Open tickets
42
12 waiting on a reply
website/Examples/DataDisplay/StatsVerticalExample.razor Source

Actions

The Actions slot sits under the description.

Account credit
€8,940
Applied to the next invoice
Seats
38
Pro plan
website/Examples/DataDisplay/StatsActionsExample.razor Source

API

<Stats>

DaisyBlazor

Parameters

  • Shadow bool
    = false

    Apply the daisyUI shadow utility to the stats container.

  • Vertical bool
    = false

    Stack stats vertically instead of the default horizontal layout.

  • Class string
    = null

    Extra CSS classes merged onto the .stats container.

  • Style string
    = null

    Inline CSS styles applied to the .stats container.

Content

  • ChildContent RenderFragment

    One or more <Stat> components placed inside this container.

<Stat>

DaisyBlazor

Parameters

  • Desc string
    = null

    Supplementary description shown below the value.

  • DescColor Color?
    = null

    Semantic color applied to the stat-desc text (maps to text-{token}).

  • Title string
    = null

    Stat label shown above the value (e.g. "Total Flights").

  • Value string
    = null

    Primary numeric or text value displayed prominently.

  • Class string
    = null

    Extra CSS classes merged onto the root stat element.

  • Style string
    = null

    Inline CSS styles applied to the root stat element.

Content

  • Actions RenderFragment

    Optional action content (e.g. buttons or links) rendered below the description.

  • Figure RenderFragment

    Optional figure content (e.g. an icon or avatar) rendered in stat-figure.

Something went wrong while running the docs. Reload