ResponsiveMenu

A mobile friendly Menu component.

Import#

import { ResponsiveMenu, ResponsiveMenuList } from '@saas-ui/pro'

Usage#

ResponsiveMenu renders a Menu by default and switches to a MenuDialog on smaller screens.

<ResponsiveMenu>
<MenuButton as={Button}>Open menu</MenuButton>
<ResponsiveMenuList>
<MenuItem>Edit</MenuItem>
<MenuItem>Delete</MenuItem>
</ResponsiveMenuList>
</ResponsiveMenu>

Was this helpful?