{ "$schema": "https://ui.shadcn.com/schema/registry-item.json", "name": "slider-example", "title": "Slider", "registryDependencies": [ "label", "slider", "example" ], "files": [ { "path": "registry/radix-lyra/examples/slider-example.tsx", "content": "\"use client\"\n\nimport * as React from \"react\"\n\nimport {\n Example,\n ExampleWrapper,\n} from \"@/registry/radix-lyra/components/example\"\nimport { Label } from \"@/registry/radix-lyra/ui/label\"\nimport { Slider } from \"@/registry/radix-lyra/ui/slider\"\n\nexport default function SliderExample() {\n return (\n \n \n \n \n \n \n \n \n )\n}\n\nfunction SliderBasic() {\n return (\n \n \n \n )\n}\n\nfunction SliderRange() {\n return (\n \n \n \n )\n}\n\nfunction SliderMultiple() {\n return (\n \n \n \n )\n}\n\nfunction SliderVertical() {\n return (\n \n

\n \n \n

\n \n )\n}\n\nfunction SliderControlled() {\n const [value, setValue] = React.useState([0.3, 0.7])\n\n return (\n \n

\n Temperature\n \n {value.join(\", \")}\n \n

\n \n

\n \n )\n}\n\nfunction SliderDisabled() {\n return (\n \n \n \n )\n}\n", "type": "registry:example" } ], "type": "registry:example" }