import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as SliderStories from './slider.stories';

<Meta of={SliderStories} />

<Title />
<Subtitle>A numeric range input for continuous or discrete values.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Array Values** — The `value` prop is always an array, even for single-thumb sliders.
> - **Interaction** — Use `onValueChange` to handle value updates.
> - **Visual Feedback** — Always display the numeric value alongside the slider for precise user feedback.