{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-separator-3","type":"registry:block","title":"Vertical separator groups related menu items.","description":"Vertical separator groups related menu items.","dependencies":[],"registryDependencies":["separator"],"files":[{"path":"c-separator-3.tsx","type":"registry:block","content":"import { Separator } from \"@/components/ui/separator\"\n\nexport function Pattern() {\n  return (\n    <div className=\"flex items-center justify-center\">\n      <div className=\"flex items-center gap-4 text-sm\">\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"font-medium\">Settings</span>\n          <span className=\"text-muted-foreground text-xs\">\n            Manage preferences\n          </span>\n        </div>\n        <Separator orientation=\"vertical\" className=\"h-8 [&]:self-auto!\" />\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"font-medium\">Account</span>\n          <span className=\"text-muted-foreground text-xs\">\n            Profile & security\n          </span>\n        </div>\n        <Separator orientation=\"vertical\" className=\"h-8 [&]:self-auto!\" />\n        <div className=\"flex flex-col gap-1\">\n          <span className=\"font-medium\">Help</span>\n          <span className=\"text-muted-foreground text-xs\">Support & docs</span>\n        </div>\n      </div>\n    </div>\n  )\n}","target":"components/examples/c-separator-3.tsx"}],"meta":{"order":3}}