项目作者: kroniapp
项目描述 :
Svelte components for Material Design swipeable sheets
高级语言: HTML
项目地址: git://github.com/kroniapp/svelte-swipeable-sheets.git
Installation
npm i -D svelte-swipeable-sheets
Example
Bottom sheet
<button on:click={() => open = true}>
Bottom sheet {open ? 'opened' : 'closed'}
</button>
<BottomSheet bind:open>
Content
</BottomSheet>
<script>
import BottomSheet from "svelte-swipeable-sheets/BottomSheet";
let open = false;
</script>
Side sheet
<button on:click={() => open = true}>
Side sheet {open ? 'opened' : 'closed'}
</button>
<SideSheet bind:open>
Content
</SideSheet>
<script>
import SideSheet from "svelte-swipeable-sheets/SideSheet";
let open = false;
</script>