Shadcn.io is not affiliated with official shadcn/ui
Scrollable
A dialog with ScrollArea for displaying long content like terms of service or privacy policies
Legal documents and long-form content don't fit in standard dialogs. This React dialog combines shadcn/ui's Dialog and ScrollArea components for scrollable content areas with fixed header and footer. Users read privacy policies, terms of service, or help documentation without dialog overflow—perfect for legal agreements, documentation, or detailed information requiring scroll while keeping actions visible.
Scrollable preview
Installation
Related Components
Standard Dialog
Basic modal dialog structure
ScrollArea Component
Custom scrollbar container
Form Dialog
Dialog with form inputs
Sheet Component
Side panel with scrollable content
Accordion Component
Collapsible content sections
Dialog with Tabs
Multi-section dialog content
FAQ
Was this page helpful?
Sign in to leave feedback.