Data display
Stat tile
Available forNativeWeb
KPI tile with delta
API
<StatTile label value delta? icon? />Get it
Already in every copy of the native kit:
import { StatTile } from '@/components/kit/stat-tile';Details
- Exports
StatTile- Packages
- lucide-react-native@^1.21.0
- Installs with
- @kit-native/icon, @kit-native/lib-utils, @kit-native/percent-change, @kit-native/text
- Also searched as
- kpi, metric, dashboard
- Registry JSON
- /r/native/stat-tile.json
Usage
Two to four across the top of a dashboard. The colour says good or bad, the arrow says up or down.
API
<StatTile label value delta? deltaLabel? invert? />Get it
Already in every copy of the web kit:
import { StatTile } from '@/components/kit/stat-tile';Details
- Exports
StatTile- Packages
- cn@^0.4.0, lucide-react@^1.52.0
- Installs with
- card
- Also searched as
- kpi, metric, number
- Registry JSON
- /r/web/stat-tile.json
Agents: the whole registry is at /llms.txt.