Metric Card
Display one operational metric with value, suffix, description, icon, trend, progress, and optional action.
// Generated by scripts/generate-showcase.mjs. Do not edit directly.
page DataShowcase {
layout = "showcase"
seo {
title = "Data components"
description = "3 data components from @wrnexus/ui."
}
view {
3 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.Data
Display one operational metric with value, suffix, description, icon, trend, progress, and optional action.
Arrange operational metrics, KPIs, public statistics, or service indicators in a responsive equal-height grid.
Present a compact responsive strip of key facts, counts, performance indicators, or trust signals.