benjaminpalko/.opencode/skills/daisyui/components/stat.md
Benjamin Palko f526f5c0aa
Some checks failed
Deploy / deploy (push) Failing after 39s
set up new workflow and migrate to .forgejo dir (#5)
Co-authored-by: Benjamin Palko <benjaminpalko@hotmail.com>
Reviewed-on: #5
2026-08-11 20:55:29 -04:00

635 B

stat

Stat is used to show numbers and data in a block

stat docs

Class names

  • Component: stats
  • Part: stat, stat-title, stat-value, stat-desc, stat-figure, stat-actions
  • Direction: stats-horizontal, stats-vertical

Syntax

<div class="stats {MODIFIER}">
	<div class="stat">{CONTENT}</div>
</div>

Rules

  • {MODIFIER} is optional and can have one of the direction class names
  • It's horizontal by default but you can make it vertical with the stats-vertical class
  • Content includes stat-title, stat-value, stat-desc inside a stat