Stat

Structured metric with title, value, description, figure, and actions using the public DuskMoon Core 1.19.9 CSS contract.

Installation

npm install @duskmoon-dev/el-stat

import '@duskmoon-dev/el-stat/register';

Live Demo

Stat

Successful requests98.4%Last 24 hours

<el-dm-stat color="success">
  <span slot="title">Successful requests</span>
  <strong slot="value">98.4%</strong>
  <span slot="description">Last 24 hours</span>
</el-dm-stat>

Properties

Property	Type	Default	Description
`color`	`theme color`	`—`	Value color

Composition and accessibility

Available named slots are title, value, description, figure, and actions. Use meaningful HTML inside slots, such as terms and descriptions when the surrounding context is a description list.