Skip to content
stat-card
AutoXXS (320px)XS (375px)SM (640px)MD (768px)LG (1024px)XL (1280px)XXL (1536px)
SketchMaterialiOSTamagui
DataInjectionKeyPatternsServiceTransactionProcessResearchProductQualityPerformanceSpecDomainFunctionTechnologyArchitectureConfigMiddlewareDataDatabaseDrizzleMigrationModelop-sqliteSchemaSQLState ManagementDraftKeystoneMergePatchPatchesPersistenceReactiveRedoStoreUndoTestingDeviceFactoryIsolationTypeScriptZodTopicsCommunicationBidsNVCDesignDesign ImplicationsEducationPedagogyFoundationsPsychologyAttachmentFloodingRelatingAuthentic RelatingUIEditorReact Native

stat-card

Fragment reference stat-card
tags
ui

Dashboard metric cards with trend indicators.

Attributes

AttributeTypeDefaultDescription
labelstring-Metric name (e.g. Revenue).
valuestring-Primary numeric value.
trendstring-Secondary trend text (e.g. +12%).
directionup | down-Visual direction for the trend color.