Modal Or Non Modal (hasScrim)

block

The default modal drawer dims the page, traps focus, and closes on a scrim click. With hasScrim={false}, the drawer has no scrim or focus trap and leaves the page interactive.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-drawer-modal-or-non-modal-has-scrim.json"

Sign In

Modal Or Non Modal (hasScrim)

block

The default modal drawer dims the page, traps focus, and closes on a scrim click. With hasScrim={false}, the drawer has no scrim or focus trap and leaves the page interactive.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-drawer-modal-or-non-modal-has-scrim.json"

components/astryx/examples/DrawerScrim.tsx