Package Exports

sandwich-expando

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (sandwich-expando) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Sandiwch Expando

An Animated Sandwich-Button to X React Component

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