feat: storybook

src/stories/Slider.stories.tsx

@@ -0,0 +1,23 @@
+import type { Meta, StoryObj } from 'storybook-react-rsbuild';
+import { Slider } from '../components/ui';
+
+const meta = {
+  title: 'Inputs/Slider',
+  component: Slider,
+  parameters: {
+    docs: {
+      description: {
+        component:
+          'Radix Slider in the carved-track skin. All Radix Slider props pass through (`defaultValue`, `min`, `max`, `step`, `onValueChange`).',
+      },
+    },
+  },
+  decorators: [(Story) => <div style={{ width: 280 }}><Story /></div>],
+} satisfies Meta<typeof Slider>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Playground: Story = { args: { defaultValue: [60], max: 100, step: 1 } };
+
+export const Stepped: Story = { args: { defaultValue: [40], max: 100, step: 10 } };