All components
Data Display
LineChart
beta
Since 1.1
Multi-series line chart with optional area fill and baseline grid; theme-colored series with a legend.
Data Display
primitive
Display
Documented
import { LineChart } from '@ivim/native/components';
When to use
Use when
Showing a measure over time, or comparing a few trends.
Don't use when
You have a single headline number — use Metric with its sparkline.
Playground
Adjust the controls to preview live prop combinations. The code snippet updates to match the current selection.
F Around
Find Out
variant
variant
default
muted
showArea
showArea
<LineChart />
Example
Preview
Code
Adherence
No-shows
Guidelines
Do
Keep series count small (2-4); the categorical palette is tuned for legibility, not density.
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
Wrapped as role="img" with an aria-label describing the chart; the legend names series.
State coverage
Interaction and visual states this component supports.
base
semantic color
density
Token references
Semantic design tokens this component page exercises. Tap one to edit it live.
Related components
Components that solve adjacent problems or compose with this one.