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

sparkline

Fragment reference sparkline
tags
ui

Tiny inline charts for embedding data trends directly within text. Use row(nowrap) to place sparklines inline between text nodes.

Attributes

AttributeTypeDefaultDescription
valuesstringplaceholderComma-separated numeric values.
typeline | barlineSparkline variant.
colorstringindigoCSS color for the line or bars.
widthnumber80Width in pixels.
heightnumber20Height in pixels.