Skip to main content

Function: DropDrawer()

@arolariu/components

@arolariu/components / DropDrawer

Function: DropDrawer()

DropDrawer(__namedParameters): Element

Defined in: components/ui/dropdrawer.tsx:383

Provides a responsive dropdown-on-desktop, drawer-on-mobile navigation surface.

Parameters​

__namedParameters​

DropDrawerRootProps

Returns​

Element

Remarks​

  • Renders either Base UI Menu.Root or Drawer.Root depending on viewport size
  • Built on Base UI Menu and Drawer primitives

Example​

<DropDrawer>
  <DropDrawerTrigger>Open menu</DropDrawerTrigger>
  <DropDrawerContent>
    <DropDrawerItem>Profile</DropDrawerItem>
  </DropDrawerContent>
</DropDrawer>

See​

Base UI Menu Docs

// was this page useful?