Dialog — Fullscreen

block

Takes over the entire viewport for content that needs maximum space. Use for documentation viewers, rich text editors, multi-step wizards, or media previews where the standard dialog width is too narrow.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-dialog-fullscreen.json"

Sign In

Dialog — Fullscreen

block

Takes over the entire viewport for content that needs maximum space. Use for documentation viewers, rich text editors, multi-step wizards, or media previews where the standard dialog width is too narrow.

pnpm dlx shadcn@latest add "https://astryx.atmeta.com/shadcn/example-dialog-fullscreen.json"

components/astryx/examples/DialogFullscreenDialog.tsx