Skip to content

CategorySlider

Open .md
Live preview

Loading example…

Focusable keyboard layer laid over the drawing. It ignores the pointer (pointer-events: none), so hovering still reaches the marks underneath.

import { CategorySlider } from "@jcsoftdev/ui/charts";

Single-component entry points tree-shake to just this component: @jcsoftdev/ui/charts/core.

export const Default: Story = { render: () => <Demo /> };

Source of the Storybook story.

Prop Type Default Description
explorer * CategoryExplorer
label * string
count * number
valueText * string What a screen reader hears for the current category.
className string

* marks a required prop.

packages/ui/src/charts/core/category-explorer.tsx