项目作者: kroniapp

项目描述 :
Svelte components for Material Design swipeable sheets
高级语言: HTML
项目地址: git://github.com/kroniapp/svelte-swipeable-sheets.git
创建时间: 2020-02-07T14:20:18Z
项目社区:https://github.com/kroniapp/svelte-swipeable-sheets

开源协议:

下载


Installation

  1. npm i -D svelte-swipeable-sheets

Changelog

Example

Bottom sheet

  1. <button on:click={() => open = true}>
  2. Bottom sheet {open ? 'opened' : 'closed'}
  3. </button>
  4. <BottomSheet bind:open>
  5. Content
  6. </BottomSheet>
  7. <script>
  8. import BottomSheet from "svelte-swipeable-sheets/BottomSheet";
  9. let open = false;
  10. </script>

Side sheet

  1. <button on:click={() => open = true}>
  2. Side sheet {open ? 'opened' : 'closed'}
  3. </button>
  4. <SideSheet bind:open>
  5. Content
  6. </SideSheet>
  7. <script>
  8. import SideSheet from "svelte-swipeable-sheets/SideSheet";
  9. let open = false;
  10. </script>