2.0.4 • Published 6 years ago
raadmenu v2.0.4
RAADMENU
A simple, customisable hamburger menu solution
Installation
- Install via NPM or Yarn
npm install raadmenu || yarn add raadmenu
- Import into your project files
import RaadMenu from 'raadmenu';
For css you have two options:
@import '~raadmenu/app.scss';
Or
@import '~raadmenu/dist/index.css';
- Create new RaadMenu
const hamburger = new RaadMenu({
nav: navElement, // existing <nav> element to copy innerHTML from
container: containerElement, // existing <nav> element to put innerHTML into
button: {
content: '<button>Open</button>', // button string, removes all classes of top element
position: 'topright' // 'topleft', 'topright', 'bottomleft' or 'bottomright'
},
position: 'left', // 'top', 'right', 'bottom' or 'left'
style: 'full',
animation: 'none', // 'slidein', 'popup', 'fadein' en 'none'
onInit: function() {}, // fires after initialisation
onOpen: function() {}, // fires on open
onClose: function() {} // fires on close
})
- Style to your heart's content
.raadmenu {
/* menu styling */
}
.raadbutton {
/* button styling */
}
.raadlist {
/* ul styling */
}
.raaditem {
/* item styling */
}
2.0.4
6 years ago
2.0.3
6 years ago
2.0.2
6 years ago
2.0.1
6 years ago
2.0.0
6 years ago
1.1.14
6 years ago
1.1.13
6 years ago
1.1.12
6 years ago
1.1.11
6 years ago
1.1.10
6 years ago
1.1.9
6 years ago
1.1.8
6 years ago
1.1.7
6 years ago
1.1.6
6 years ago
1.1.5
6 years ago
1.1.4
6 years ago
1.1.3
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago