{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dual-range-slider-label-position",
  "title": "Dual Range Slider Label Position",
  "description": "component for the Dual Range Slider Label Position",
  "registryDependencies": [
    "@spectrumui/dual-range-slider-dependecies"
  ],
  "files": [
    {
      "path": "app/registry/dual-range-slider/usage/dual-range-slider-label-position.tsx",
      "content": "\"use client\";\n\nimport * as React from \"react\";\nimport { DualRangeSlider } from \"@/components/ui/dual-range-slider\";\nimport { useState } from \"react\";\n\nconst DualRangeSliderLabelPosition = () => {\n  const [values, setValues] = useState([0, 100]);\n\n  return (\n    <div className=\"w-full space-y-5 px-10\">\n      <div className=\"mb-8\">TOP:</div>\n      <DualRangeSlider\n        label={(value) => value}\n        labelPosition=\"top\"\n        value={values}\n        onValueChange={setValues}\n        min={0}\n        max={100}\n        step={1}\n      />\n      <div>BOTTOM:</div>\n      <DualRangeSlider\n        label={(value) => value}\n        labelPosition=\"bottom\"\n        value={values}\n        onValueChange={setValues}\n        min={0}\n        max={100}\n        step={1}\n      />\n    </div>\n  );\n};\nexport default DualRangeSliderLabelPosition;\n",
      "type": "registry:component",
      "target": "components/spectrumui/dual-range-slider-label-position.tsx"
    }
  ],
  "type": "registry:component"
}