All components
Data Display
BarChart
beta
Since 1.1
Vertical bar chart for comparing a small set of categories, sharing a zero baseline.
Data Display
primitive
Display
Documented
import { BarChart } from '@ivim/native/components';
When to use
Use when
Comparing discrete categories (statuses, programs, weekdays).
Don't use when
The x-axis is continuous time — a line chart reads better.
Playground
Adjust the controls to preview live prop combinations. The code snippet updates to match the current selection.
One
Two
Three
variant
variant
default
muted
<BarChart />
Example
Preview
Code
New
Ship
Done
Hold
Accessibility
Roles and screen-reader behavior this component provides, plus keyboard interactions.
•
role="img" with an aria-label; category labels render under each bar.
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.