Split Collapsible

A collapsible/accordion panel with a title on the left and an animated chevron badge on the right, available in five decorative badge styles (pill, square, ghost, outline, filled).

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

import CollapsibleSplit from "@/components/ui/collapsible-split";

export default function CollapsibleSplitDemo() {
  return (
    <div className="w-full max-w-md">
      <CollapsibleSplit />
    </div>
  );
}