nanocal-ranger
0.3.1 • Public • Published ranger (range picker)
usage in three steps
- add link to head for styles
<link rel="stylesheet" href="https://unpkg.com/nanocal-ranger/dist/ranger.min.css">
- add div to body (yes I'm thinking about custom-elements, hopefully soon)
- add script
<script type="module">
import Ranger from 'https://unpkg.com/nanocal-ranger?module'
const ranger = new Ranger({ target: document.querySelector('#ranger') })
</script>
see doc/options
usage with npm and your own build pipeline
npm install nanocal-ranger
const Ranger = require('nanocal-ranger')
import Ranger from 'nanocal-ranger'
For more detailed examples how to use nanocal
with vue
or react
, see examples.
customize styles
see doc/styles
/nanocal-ranger/
//
Package Sidebar
Install
Weekly Downloads