Novel Preposterous Mockery

    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()

    Install

    npm i sandwich-expando

    DownloadsWeekly Downloads

    6

    Version

    1.1.3

    License

    ISC

    Last publish

    Collaborators

    • sethkfman
    • brad.decker
    • danfinlay
    • kumavis
    • rekmarks
    • metamaskbot
    • gudahtt