Widget
Statistický widget s ikonou, hodnotou a trendem
Installation
pnpm dlx shadcn@latest add https://registry.ceskysoftware.cz/r/widget.json
Usage
Preview
Default (badge ikona)
Celkové tržby$45,231
Uživatelé12,450
Dostupnost99.8%
Objednávky1,024
Filled varianta
Tržby$45k
Růst+18%
Klienti2,341
Provoz842/h
Colorful varianta
primary1,234
blue1,234
green1,234
orange1,234
Velikosti
Tržby$45,231
Tržby$45,231
Tržby$45,231
Tržby$45,231
Import
import { Widget } from "@/registry/cs/ui/widget/widget"
import { DollarSign } from "lucide-react"
Example
// Základní — title = popisek, description = hlavní hodnota
<Widget
icon={DollarSign}
title="Celkové tržby"
description="$45,231"
/>
// Varianty: default | filled | colorful | white
<Widget icon={DollarSign} title="Tržby" description="$45k" variant="filled" color="primary" />
<Widget icon={DollarSign} title="Tržby" description="$45k" variant="colorful" color="blue" />
// Barvy: primary | secondary | blue | green | red | orange | yellow | grey | dark
<Widget icon={DollarSign} title="Tržby" description="$45k" color="green" />
// Velikosti: xs | sm | md | lg
<Widget icon={DollarSign} title="Tržby" description="$45k" size="lg" />
// Typ ikony: badge (výchozí) | plain
<Widget icon={DollarSign} title="Tržby" description="$45k" iconStyle="plain" />
// S trendem (šipka nahoru/dolů)
<Widget icon={DollarSign} title="Růst" description="+18%" withSign />
Dependencies
https://registry.ceskysoftware.cz/r/utils.json (registry)