Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProUse this when a report walks through a few charts: cross-fading figures that each carry a text summary, with one "View as table" switch that swaps every chart for its data table.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Use it for data stories and quarterly reports with up to six charts where every chart needs a text alternative and some readers want the numbers.
Do not use it for charts people need to explore (hover, zoom, filter). Use a chart component with its own accessibility.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
charts | ChartSlide[] | - | Each has an id, title, summary and data ({ label, value }[]) with a unit. |
label | string | - | Accessible name of the carousel. |
The pattern ships with a Testing Library test (chart-slides-table-toggle.test.tsx). Embla needs layout to count snaps, and jsdom has none, so the repo's mockCarouselLayout helper gives the viewport and slides real sizes.