{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-progress-6","type":"registry:block","title":"Progress bar with slider.","description":"Progress bar with slider.","dependencies":[],"registryDependencies":["progress","slider"],"files":[{"path":"c-progress-6.tsx","type":"registry:block","content":"\"use client\"\n\nimport { useState } from \"react\"\n\nimport { Progress } from \"@/components/ui/progress\"\nimport { Slider } from \"@/components/ui/slider\"\n\nexport function Pattern() {\n  const [value, setValue] = useState(50)\n\n  return (\n    <div className=\"mx-auto flex w-full max-w-xs flex-col gap-6\">\n      <Progress value={value} />\n      <Slider\n        value={[value]}\n        onValueChange={(value: number | readonly number[]) =>\n          setValue(value as number)\n        }\n        min={0}\n        max={100}\n        step={1}\n      />\n    </div>\n  )\n}","target":"components/examples/c-progress-6.tsx"}],"meta":{"order":6}}