0.0.2 • Published 4 years ago

@ilurk/drawer v0.0.2

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

drawer

English | 简体中文

A cascaded drawer UI component for mobile.

Installation

npm install @lurk/drawer

or

yarn add @lurk/drawer

Demo

You can use it like this :

html

<body>
  <div id="wrapper"></div>
  <button id="btn">
    Click Me
  </button>
</body>

js

import '@lurk/drawer/dist/css/drawer.min.css'
import Drawer from '@lurk/drawer'

const drawer = new Drawer({
  wrapper: '#wrapper',
  levels: [
    {
      title: 'Choose Province',
    },
    {
      title: 'Choose City',
    },
    {
      title: 'Choose County',
    }
  ]
})

document.querySelector('#btn').addEventListener('click', function () {
  drawer.show()
})

License

MIT