awesomesheet

Frontend UIActionSheet

Usage no npm install needed!

<script type="module">
  import awesomesheet from 'https://cdn.skypack.dev/awesomesheet';
</script>

README

AwesomeSheet

Frontend UIActionSheet

Demo

Install

$ npm install awesomesheet

Usage


// require core javascript
var as = require('awesomesheet');

// require style
require('awesomesheet/lib/AwesomeSheet.scss'); // or css

as.show();
as.hide();

HTML:

<div id="awesome-sheet">
  <div class="sheet">
    <div class="item">sheet 1</div>
    <div class="item">sheet 1</div>
    <div class="item">sheet 1</div>
  </div>
</div>

Customize

You can edit lib/Awesome.css lib/Awesome.scss or write your own stylesheet file to overwrite default style.

License

MIT License