The Menu may be used by either the global stylesheet or module import. ##### Global Stylesheet and JavaScript The Menu will display correctly with the global stylesheet. ```html ``` The Menu requires JavaScript for showing, hiding, and screen reader accessibility. To initialize the Menu instance from the global script use the following code: ```html ``` This function will attach the Menu toggling event to the body of the document. ##### Stylesheet and JavaScript Module Import The Menu includes two stylesheets. One sets the default design tokens using CSS Custom Properties, and another adds custom styles. ```scss @forward '@nycopportunity/pattern-menu/src/tokens.css'; @forward '{{ this.package.name }}/objects/menu/_menu.scss'; ``` The Menu JavaScript source exists in the Pattern Menu module, which is a dependency of the {{ this.package.nice }}. ```javascript import Menu from '@nycopportunity/pattern-menu/src/menu'; new Menu(); ```