<.dm_stat id="stat-single-default" value="1,234" title="Total Users" />

<.dm_stat
  id="stat-single-with-description"
  value="$45.6K"
  description="+12.3% from last month"
  title="Revenue"
 />

<.dm_stat id="stat-single-with-icon" value="8.4K" title="Downloads" color="success">
  <:icon>↓</:icon>
</.dm_stat>

<.dm_stat id="stat-colors-primary" value="892" title="Sessions" color="primary" />
<.dm_stat id="stat-colors-secondary" value="15.2K" title="Page Views" color="secondary" />
<.dm_stat id="stat-colors-tertiary" value="57" title="Plans" color="tertiary" />
<.dm_stat id="stat-colors-accent" value="348" title="Bookmarks" color="accent" />
<.dm_stat id="stat-colors-info" value="42" title="Pending" color="info" />
<.dm_stat
  id="stat-colors-success"
  value="+24%"
  description="Up from 18%"
  title="Growth"
  color="success"
 />
<.dm_stat
  id="stat-colors-warning"
  value="450ms"
  description="Above target"
  title="Response"
  color="warning"
 />
<.dm_stat
  id="stat-colors-error"
  value="3.2%"
  description="Above threshold"
  title="Errors"
  color="error"
 />

<.dm_stat id="stat-sizes-small" size="sm" value="99.9%" title="Uptime" />
<.dm_stat id="stat-sizes-medium" size="md" value="67%" title="CPU" color="info" />
<.dm_stat id="stat-sizes-large" size="lg" value="$1.2M" title="Sales" color="primary" />