Demo

Portal Styling

Dialogs, Sheets, and Modals portal to the document root. Apply data-plugin so plugin Tailwind styles still apply.

Rules

On Page, always pass pluginName={metadata.name}. Prefer border border-border over bare border.

  • Apply data-plugin={metadata.name} on portal content roots (SheetContent, Dialog content, etc.)
  • Pass pluginName={metadata.name} on every Page
  • Use border border-border — never border alone