GUI

Light and expressive GUI with web components
Repository | Documentation | Demo

const target = {
  lorem: 1,
  ipsum: 'foo',
  dolor: new File([], 'foo.txt'),
  sit: name => alert(`Hey ${name}`),
  amet: {
    consectetur: false,
    adipisicing: 'rgba(35, 50, 75, 0.5)',
    elit: '//picsum.photos/400/200.jpg'
  }
}

const gui = new GUI({ target })
  .add('lorem')
  .add('ipsum')
  .add('dolor')
  .add('sit', { args: [{ value: 'Bob' }] })
  .group('amet', group => group
    .add('consectetur')
    .add('adipisicing')
    .add('elit')
  )

Install

npm install @juliendargelos/gui --save

yarn add @juliendargelos/gui

Usage

Coming soon