-
Framework
-
Languages
-
Main language
-
Others
-
IDE
VSCode
The burger menu opens when you click on the corresponding button. Scrolling of the page is blocked when the menu is opened. Also, the content of a page will be blurred. The menu closes when you click on the close button (a cross to the left of the menu title), or the page area around the menu.
To get a local copy up and running follow these simple steps.
- Git
sudo apt-get install git
- Clone this repository on local machine:
git clone https://github.com/dobkir/reactjs-burger-menu.git
- Install Node Package Manager on the directory with the cloning repository
npm install
- Run this template on your local machine
npm start
or
yarn startDistributed under the MIT License. See LICENSE for more information.
Project Link: https://github.com/dobkir/reactjs-burger-menu
- ICONS8
- Img Shields
- Choose an Open Source License
- GitHub Pages
- ReactJS
- BSL (Body scroll lock)
The "body-scroll-lock" library is responsible for locking the scroll.
Link to the BSL package: https://github.com/willmcpo/body-scroll-lock
Install:
$ yarn add body-scroll-lock
or
$ npm install body-scroll-lock- Materialize icons
Materialize storage of icons has included 932 Material Design Icons courtesy of Google.
Link to Materialize icons storage: https://materializecss.com/icons.html
o be able to use these icons, you must include this line in the<head>portion of your HTML code:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">To use these icons, use the material-icons class on an element and provide the ligature as the text content
<i class="material-icons">add</i>