Grouped Vertical Separator

A layout pattern that uses vertical separators to visually group related labeled items, like settings, account, and help links in a menu bar.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Grouped Vertical Separator to your project and fits it to your theme.

import Separator3 from "@/components/ui/c-separator-3";

export default function Demo() {
  return <Separator3 />;
}