Skip to main content

MobileSidebarBackdrop

dioxus_nox_shell

Function MobileSidebarBackdrop 

Source 
pub fn MobileSidebarBackdrop(_: MobileSidebarBackdropProps) -> Element
Expand description

Scrim rendered behind the mobile sidebar drawer.

Place inside AppShell (requires ShellContext). Renders only when ShellContext::is_mobile is true and sidebar_mobile_open is open. Clicking closes the drawer.

Style via [data-shell-backdrop] in your CSS.

This is the preferred pattern (following Radix/Headless UI/Vaul precedent) over a hard-coded backdrop inside AppShell.

ยงProps

For details, see the props struct definition.

  • class : Option<String>

    Extra CSS classes applied to the backdrop element.