{"id":13496407,"url":"https://github.com/mbj36/vue-burger-menu","last_synced_at":"2025-10-06T16:58:17.881Z","repository":{"id":32919090,"uuid":"145815904","full_name":"mbj36/vue-burger-menu","owner":"mbj36","description":"🍔 An off-canvas sidebar Vue component - https://vue-burger-menu.netlify.app/","archived":false,"fork":false,"pushed_at":"2022-12-29T20:59:12.000Z","size":1925,"stargazers_count":767,"open_issues_count":62,"forks_count":110,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-10-01T17:17:51.237Z","etag":null,"topics":["css-transitions","hamburger-menu","sidebar-menu","vue-burger-menu","vue-components","vue-sidebar","vuejs","vuejs2"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mbj36.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-08-23T07:16:03.000Z","updated_at":"2025-09-05T15:43:47.000Z","dependencies_parsed_at":"2023-01-14T22:45:28.764Z","dependency_job_id":null,"html_url":"https://github.com/mbj36/vue-burger-menu","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/mbj36/vue-burger-menu","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbj36%2Fvue-burger-menu","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbj36%2Fvue-burger-menu/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbj36%2Fvue-burger-menu/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbj36%2Fvue-burger-menu/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mbj36","download_url":"https://codeload.github.com/mbj36/vue-burger-menu/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mbj36%2Fvue-burger-menu/sbom","scorecard":{"id":631014,"data":{"date":"2025-08-11","repo":{"name":"github.com/mbj36/vue-burger-menu","commit":"257c8056e57be6c85d5dd3d97005c37cbddc0a29"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":2.4,"checks":[{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":5,"reason":"Found 8/14 approved changesets -- score normalized to 5","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 24 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"131 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-968p-4wvh-cqc8","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-whgm-jr23-g3j9","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-w8qv-6jwh-64r5","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-257v-vj4p-3w2h","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-p28h-cc7q-c4fg","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-3wcq-x3mq-6r9p","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-phwq-j96m-2c2q","Warn: Project is vulnerable to: GHSA-ghr5-ch3p-vcr6","Warn: Project is vulnerable to: GHSA-vh7m-p724-62c2","Warn: Project is vulnerable to: GHSA-r9p9-mrjm-926w","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-6h5x-7c5m-7cr7","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-pfq8-rq6v-vf5m","Warn: Project is vulnerable to: GHSA-6x33-pw7p-hmpq","Warn: Project is vulnerable to: GHSA-c7qv-q95q-8v27","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-78xj-cgh5-2h22","Warn: Project is vulnerable to: GHSA-2p57-rm9w-gvfp","Warn: Project is vulnerable to: GHSA-7r28-3m3f-r2pr","Warn: Project is vulnerable to: GHSA-r8j5-h5cx-65gg","Warn: Project is vulnerable to: GHSA-2pr6-76vf-7546","Warn: Project is vulnerable to: GHSA-8j8c-7jfh-h6hx","Warn: Project is vulnerable to: GHSA-896r-f27r-55mw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-p6mc-m468-83gw","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-46fh-8fc5-xcwx","Warn: Project is vulnerable to: GHSA-h5mp-5q4p-ggf5","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-92xj-mqp7-vmcj","Warn: Project is vulnerable to: GHSA-wxgw-qj99-44c2","Warn: Project is vulnerable to: GHSA-5rrq-pxf6-6jx5","Warn: Project is vulnerable to: GHSA-8fr3-hfg3-gpgp","Warn: Project is vulnerable to: GHSA-gf8q-jrpm-jvxq","Warn: Project is vulnerable to: GHSA-2r2c-g63r-vccr","Warn: Project is vulnerable to: GHSA-cfm4-qjh2-4765","Warn: Project is vulnerable to: GHSA-x4jg-mjrx-434g","Warn: Project is vulnerable to: GHSA-rp65-9cf3-cjxr","Warn: Project is vulnerable to: GHSA-76c9-3jph-rj3q","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-9wv6-86v2-598j","Warn: Project is vulnerable to: GHSA-rhx6-c78j-4q9w","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-566m-qj78-rww5","Warn: Project is vulnerable to: GHSA-7fh5-64p2-3v2j","Warn: Project is vulnerable to: GHSA-hwj9-h5mp-3pm3","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-cm22-4g7w-348p","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-g4rg-993r-mgx7","Warn: Project is vulnerable to: GHSA-c9g6-9335-x697","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-72xf-g2v4-qvf3","Warn: Project is vulnerable to: GHSA-46c4-8wrp-j99v","Warn: Project is vulnerable to: GHSA-9m6j-fcg5-2442","Warn: Project is vulnerable to: GHSA-hh27-ffr2-f2jc","Warn: Project is vulnerable to: GHSA-rqff-837h-mm52","Warn: Project is vulnerable to: GHSA-8v38-pw62-9cw2","Warn: Project is vulnerable to: GHSA-hgjh-723h-mx2j","Warn: Project is vulnerable to: GHSA-jf5r-8hm2-f872","Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx","Warn: Project is vulnerable to: GHSA-g3ch-rx76-35fx","Warn: Project is vulnerable to: GHSA-pgr8-jg6h-8gw6","Warn: Project is vulnerable to: GHSA-wr3j-pwj9-hqq6","Warn: Project is vulnerable to: GHSA-4v9v-hfq4-rm2v","Warn: Project is vulnerable to: GHSA-9jgg-88mc-972h","Warn: Project is vulnerable to: GHSA-g78m-2chm-r7qv","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-6fc8-4gx4-v693","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-21T07:54:34.583Z","repository_id":32919090,"created_at":"2025-08-21T07:54:34.584Z","updated_at":"2025-08-21T07:54:34.584Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278595022,"owners_count":26012829,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-06T02:00:05.630Z","response_time":65,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css-transitions","hamburger-menu","sidebar-menu","vue-burger-menu","vue-components","vue-sidebar","vuejs","vuejs2"],"created_at":"2024-07-31T19:01:47.443Z","updated_at":"2025-10-06T16:58:17.841Z","avatar_url":"https://github.com/mbj36.png","language":"Vue","funding_links":[],"categories":["Vue","Components \u0026 Libraries","UI Components","UI Components [🔝](#readme)"],"sub_categories":["UI Components","Menu"],"readme":"# vue-burger-menu [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n\n[![npm](https://img.shields.io/npm/v/vue-burger-menu.svg?maxAge=3600)](https://www.npmjs.com/package/vue-burger-menu)\n\n[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?url=https%3A%2F%2Fvue-burger-menu.netlify.com%2F\u0026via=mbj36\u0026text=Checkout%20vue-burger-menu\u0026hashtags=%23vuejs)\n\nAn off-canvas sidebar Vue component with a collection of effects and styles using CSS transitions and SVG path animations.\n\n## Demo \u0026 examples\n\nLive demo - https://vue-burger-menu.netlify.com/\n\nTo build the examples locally, run:\n\n```\nnpm i\nnpm run serve\n```\n\n```\nyarn\nyarn serve\n```\n\nThen open [`localhost:8080`](http://localhost:8080) in a browser\n\n## Installation\n\n```\nnpm install vue-burger-menu --save\n```\n\n```\nyarn add vue-burger-menu\n```\n\n## Usage\n\nItems should be passed as child elements of the components\n\n```javascript\nimport { Slide } from 'vue-burger-menu'  // import the CSS transitions you wish to use, in this case we are using `Slide`\n\nexport default {\n    components: {\n        Slide // Register your component\n    }\n}\n```\n\nIn your template\n\n```\n\u003ctemplate\u003e\n    \u003cSlide\u003e\n      \u003ca id=\"home\" href=\"#\"\u003e\n        \u003cspan\u003eHome\u003c/span\u003e\n      \u003c/a\u003e\n    \u003c/Slide\u003e\n\u003c/template\u003e\n```\n\n### Animations\n\nThe example above imported `slide` which renders a menu that slides in on the page when the burger icon is clicked. To use a different animation you can subsitute slide with any of the following\n\n* Slide\n* ScaleDown\n* ScaleRotate\n* Reveal\n* Push\n* PushRotate\n\nATTENTION - the below animations are in WIP\n\n* FallDown\n* Stack\n* Elastic\n* Bubble\n\n### Properties\n\nSome animation require certain other elements on your page\n\n* Page wrapper - an element wrapping the rest of the content on yur page, placed after the menu component\n\n```javascript\n\u003cMenu/\u003e\n\n\u003cmain id=\"page-wrap\"\u003e\n.\n.\n\u003c/main\u003e\n\n```\n\n* Outer container called `app` - an element containing everything including the menu component\n\n```javascript\n\u003cdiv id=\"app\"\u003e\n    \u003cMenu/\u003e\n    \u003cmain id=\"page-wrap\"\u003e\n    .\n    .\n    .\n    \u003c/main\u003e\n\u003c/div\u003e\n```\n\nCheck this table to see which animations require these elements:\n\nAnimation | `pageWrapId` | `appId`\n--- | :---: | :---:\n`Slide` | |\n`Push` | \u0026#x2713; | \u0026#x2713;\n`PushRotate` |  \u0026#x2713;  |  \u0026#x2713;\n`ScaleDown` |  \u0026#x2713;  |  \u0026#x2713;\n`ScaleRotate` |  \u0026#x2713;  |  \u0026#x2713;\n`Reveal` |  \u0026#x2713;  |  \u0026#x2713;\n\n### Position\n\nThe menu opens from left by default. To have it open from the right, use the `right` prop. It's just a boolean so you don't need to specify a value.\n\n```javascript\n\u003cSlide right/\u003e\n```\n\n### Width\n\nYou can specify the width of the menu with the `width` prop. The default is `300px`\n\n```javascript\n\u003cSlide width=\"400\"\u003e\n```\n\n### Open state\n\nYou can control whether the sidebar is open or closed with the `isOpen` prop. This is useful if you need to close the menu after a user clicks on an item in it, for example, or if you want to open the menu from some other button in addition to the standard burger icon. The default value is `false`\n\n```javascript\n// To render the menu open\n\n\u003cSlide isOpen\u003e\n```\n### Menu events\n\nIf you want to get a notification when the menu open or close you can use the `openMenu` and `closeMenu` notifications. This way you can update your application state when the menu open or close\n\n```javascript\n// To bind the open and close events\n\n\u003cSlide\n  @openMenu=\"handleOpenMenu\"\n  @closeMenu=\"handleCloseMenu\"\n\u003e\n```\n### Close on Outside Click\n\nYou can turn off the menu closing when an an outside click is triggered with `disableOutsideClick`.\n\n``` javascript\n\u003cSlide disableOutsideClick\u003e\n```\n\n### Close on Escape\n\nBy default, the menu will close when the Escape key is pressed. To disable this behavior, you can pass the `disableCloseOnEsc` prop. This is useful in cases where you want the menu to be open all the time, for example if you're implementing a responsive menu that behaves differently depending on the browser width.\n\n``` javascript\n\u003cSlide disableEsc /\u003e\n```\n\n### Close on Navigation\n\nBy default, the menu will not close when a link inside the menu is clicked. To disable this behavior, you can pass the `closeOnNavigation` prop. This is useful in cases where you want the menu to close when a navigation link is clicked as this then stops the user having to make an extra click to close the menu.\n\n``` javascript\n\u003cSlide :closeOnNavigation=\"true\" /\u003e\n```\n\n### Overlay\n\nYou can turn off the default overlay with `noOverlay`.\n\n``` javascript\n\u003cSlide noOverlay /\u003e\n```\n\n### Burger Icon and Cross Icon\n\nYou can disable both icons by passing burgerIcon and crossIcon to `false`. This can be useful if you want to keep the menu open and don't want the user to close the menu\n\n```javascript\n\u003cSlide :burgerIcon=\"false\" :crossIcon=\"false\"/\u003e\n```\n\n### Styling\n\nVisual styles (color, font etc) need to be supplied with the help of CSS\n\n#### CSS\nThe component has following helper class\n\n```CSS\n .bm-burger-button {\n      position: fixed;\n      width: 36px;\n      height: 30px;\n      left: 36px;\n      top: 36px;\n      cursor: pointer;\n    }\n    .bm-burger-bars {\n      background-color: #373a47;\n    }\n    .line-style {\n      position: absolute;\n      height: 20%;\n      left: 0;\n      right: 0;\n    }\n    .cross-style {\n      position: absolute;\n      top: 12px;\n      right: 2px;\n      cursor: pointer;\n    }\n    .bm-cross {\n      background: #bdc3c7;\n    }\n    .bm-cross-button {\n      height: 24px;\n      width: 24px;\n    }\n    .bm-menu {\n      height: 100%; /* 100% Full-height */\n      width: 0; /* 0 width - change this with JavaScript */\n      position: fixed; /* Stay in place */\n      z-index: 1000; /* Stay on top */\n      top: 0;\n      left: 0;\n      background-color: rgb(63, 63, 65); /* Black*/\n      overflow-x: hidden; /* Disable horizontal scroll */\n      padding-top: 60px; /* Place content 60px from the top */\n      transition: 0.5s; /*0.5 second transition effect to slide in the sidenav*/\n    }\n\n    .bm-overlay {\n      background: rgba(0, 0, 0, 0.3);\n    }\n    .bm-item-list {\n      color: #b8b7ad;\n      margin-left: 10%;\n      font-size: 20px;\n    }\n    .bm-item-list \u003e * {\n      display: flex;\n      text-decoration: none;\n      padding: 0.7em;\n    }\n    .bm-item-list \u003e * \u003e span {\n      margin-left: 10px;\n      font-weight: 700;\n      color: white;\n    }\n```\n\n## Browser Support\n\nChrome and Firefox have full support, but Safari and IE have strange behavior for some of the menus.\n\n## Author\n\n\u0026#169; [Mohit Bajoria](https://mbj36.xyz)\n\n## License\n\n[MIT](https://github.com/mbj36/vue-burger-menu/blob/master/LICENSE)\n\nLike it ? \u003cimg src=\"https://assets-cdn.github.com/images/icons/emoji/unicode/2b50.png?v8\" height=\"20px\" /\u003e it\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmbj36%2Fvue-burger-menu","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmbj36%2Fvue-burger-menu","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmbj36%2Fvue-burger-menu/lists"}