For AI agents: the documentation index is at /llms.txt, and any docs page is available as Markdown by appending .md to its URL.

Sparkline

Verified

A tiny line with no axes, for a table cell or a stat.

$35,000

When to use

Use when: A tiny trend beside a number, in a stat or a table row.
Avoid when: The values themselves matter; use an Area Chart or Line Chart with axes.

Installation

bunx shelf add sparkline

The source lands in src/components/ui/sparkline.tsx, along with any Shelf items it builds on, and .shelf/lock.json records what was installed. It's yours to edit.

Usage

import { Sparkline } from "@/components/ui/sparkline";

<Sparkline />

Built on

Packages: @stylexjs/stylex, recharts
Shelf items: Chart, utils
Figma: Optional native Figma library. See Designers.

Verified

Size: 0.6 kB gzipped on its own, 85 kB with the Shelf items and packages it builds on. JS and CSS in a production build, without React.
Accessibility: Axe passes on 2 stories
Behavior: 1 interaction test in Storybook
React Compiler: Compiles with React Compiler
React Doctor: React Doctor finds nothing