Dialog Panel Demo

Scroll down to see how body scroll locking works

Scroll Content

This content demonstrates how the page scrolling is locked when the dialog is open.

When you open the dialog, the page will be frozen in place. When you close it, you'll return to your exact scroll position.

Dialog Header

This is a demonstration of the dialog panel component. You can add your content here. The dialog is now properly centered with a nice animation and backdrop blur effect.