Dialog Scrollable Content

A modal dialog whose body content scrolls independently when it is taller than the viewport, keeping the header and trigger fixed.

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

import DialogScrollableContent from "@/components/ui/dialog-scrollable-content";

export default function DialogScrollableContentDemo() {
  return (
    <div className="flex items-center justify-center">
      <DialogScrollableContent />
    </div>
  );
}