The Menu component creates a user-friendly dropdown interface that can be utilized to present a range of options or actions. This feature ensures accessibility and ease of use for the user.
Installation
To install the component, run the following command in your terminal. This will add the component to your project's dependencies and allow you to use it in your project.
npx install @gluestack-ui/menu
Usage
Default styling of all these components can be found in the components/core/menu file. For reference, you can view the source code of the styled Menu components.
import {
Root,
Item,
Label,
Backdrop,
} from '../components/core/menu/styled-components';
import { createMenu } from '@gluestack-ui/menu';
const Menu = createMenu({
Root,
Item,
Label,
Backdrop,
});
export default () => (
<Menu>
<Menu.Item>
<Menu.ItemLabel />
</Menu.Item>
</Menu>
);
More guides on how to get started are available
here.