Stat
Statistická karta default / filled / light / bordered s trendovým indikátorem, ikonou a 9 barvami
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/stat.json
Usage
Preview
Varianty
default1,234
↑12%
filled1,234
↑12%
light1,234
↑12%
bordered1,234
↑12%
Barvy (filled)
primary42
↑5%
secondary42
↑5%
blue42
↑5%
green42
↑5%
red42
↑5%
orange42
↑5%
Barvy (bordered)
primary99
↓3%
blue99
↓3%
green99
↓3%
red99
↓3%
orange99
↓3%
secondary99
↓3%
Velikosti (filled, primary)
Velikost sm8,421
↑8%
Velikost md8,421
↑8%
Velikost lg8,421
↑8%
Import
import { Stat } from "@/components/ui/stat"
Example
<Stat
title="Tržby"
value="$12,345"
trend={12.5}
description="oproti minulému měsíci"
icon="💰"
color="primary"
variant="default"
/>
// Filled varianta
<Stat title="Uživatelé" value="1,204" trend={-3.2} icon="👤" color="blue" variant="filled" />
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)