sandwich-expando

1.1.3 • Public • Published

Sandiwch Expando

An Animated Sandwich-Button to X React Component

example gif

Installation: npm install sandwich-expando -S.

If you want to experiment locally, you can install beefy (npm install -g beefy), and then run npm run sample to run a live-reloading demo app.

You can edit sample.js to change the input parameters, or index.js to edit the module itself.

Example (copied from sample.js)

const render = require('react-dom').render
const h = require('react-hyperscript')
 
const Sandwich = require('sandwich-expando')
 
var body = document.querySelector('body')
const container = document.createElement('div')
body.appendChild(container)
 
let isOpen = true
let color = 'blue'
 
function reRender() {
  render(
    h(Sandwich, {
      width: 44,
      barHeight: 8,
      isOpen,
      color,
      onClick(event) {
        isOpen = !isOpen
        console.log(isOpen)
        reRender()
      },
    }),
  container)
}
 
reRender()

Package Sidebar

Install

npm i sandwich-expando

Weekly Downloads

1

Version

1.1.3

License

ISC

Last publish

Collaborators

  • mcmire
  • nicholasellul
  • lgbot
  • naugtur
  • ritave
  • danfinlay
  • kumavis
  • rekmarks
  • metamaskbot
  • gudahtt
  • brad.decker
  • sethkfman