@logo-rn/logo-menu v0.1.0

@logo-rn/logo-menu

is a versatile menu for navigation.

Installation

Install the component:

npm i @logo-rn/logo-menu -s

Usage

Once installed, import the component in your application:

import {LogoMenu} from '@logo-rn/logo-menu';

 const [options, setOptions] = useState(MENU_LIST(lang))
 const [visible, setVisible] = useState(false)
 const MENU_LIST: { id: string; title: string; selected: boolean; }[] = [
    {
        id: "1",
        title: "Menu Option1",
        selected: false
    },
    {
        id: "2",
        title: "Menu Option2",
        selected: false
    },
    {
        id: "3",
        title: "Menu Option3",
        selected: false
    },
    {
        id: "4",
        title: "Menu Option4",
        selected: false
    }
]
  <LogoMenu
    anchor={renderMoreIcon}
    optionList={MENU_LIST}
    visible={visible}
    close={() => setVisible(false)}
    setOptionList={(options: any) => setOptions(options)}
    isRightIcon={true} />

For more detailed information, please visit:

Logo Elements Documentation ↗