@atomical/menu-burger

A simple adaptble menu burger

Usage no npm install needed!

<script type="module">
  import atomicalMenuBurger from 'https://cdn.skypack.dev/@atomical/menu-burger';
</script>

README

@atomical/menu-burger

Representing a minimal configurable menu burger.

npm npm

Installation

npm install --save @atomical/menu-burger

Usage

<atl-menu-burger></atl-menu-burger>

Properties

name type  default description
active-state boolean false Determines if the menu is active (two-way)

Events

name value description
active-state-changed  { value: boolean } Gets fired after the active state changed

Overwritable CSS-Variables

name  default
--menu-burger-lines-color black
--menu-burger-transform-transition 0.3s
--menu-burger-color-transition 0.3s
--menu-burger-box-width 30px
--menu-burger-box-height  20px
--menu-burger-line-height 1px

License

Atomical is open-sourced software licensed under the MIT license.