{"_id":"@charles5277/vue-bottom-sheet-mobile","_rev":"4-db6b8c4097a81c25b51add39a6f2a481","name":"@charles5277/vue-bottom-sheet-mobile","dist-tags":{"latest":"1.2.0"},"versions":{"1.0.0":{"name":"@charles5277/vue-bottom-sheet-mobile","version":"1.0.0","private":false,"scripts":{"dev":"vite --config vite-demo.config.ts serve --host 0.0.0.0","build-lib":"rimraf dist &&  vite build","build-demo":"rimraf dist &&  vite build --config vite-demo.config.ts","deploy":"rimraf dist && vite build && npm publish --access=public","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"dependencies":{"hammerjs":"^2.0.8"},"devDependencies":{"@rushstack/eslint-patch":"^1.3.2","@tsconfig/node18":"^18.2.0","@types/node":"^18.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^11.0.3","@vue/tsconfig":"^0.4.0","eslint":"^8.45.0","eslint-plugin-vue":"^9.15.1","npm-run-all":"^4.1.5","prettier":"^3.0.0","rimraf":"^5.0.1","sass":"^1.64.1","typescript":"~5.1.6","vite":"^4.4.6","vite-plugin-dts":"^3.4.0","vue":"^3.3.4","vue-tsc":"^1.8.6","vue3-colorpicker":"^2.1.6"},"main":"dist/vue-bottom-sheet-mobile.umd.js","module":"dist/vue-bottom-sheet-mobile.es.js","types":"./dist/VueBottomSheet.d.ts","exports":{".":{"import":"./dist/vue-bottom-sheet-mobile.es.js","require":"./dist/vue-bottom-sheet-mobile.umd.js"},"./dist/style.css":{"import":"./dist/style.css","require":"./dist/style.css"}},"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"keywords":["vue","vuejs","component","bottom-sheet"],"author":{"name":"Charles5277"},"license":"MIT","_id":"@charles5277/vue-bottom-sheet-mobile@1.0.0","gitHead":"f9765a396a21c982f3e481b905ec378143c4b5e0","description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-o5n32P+qZ8USy7lenBXt87xta90vdddhiCdIzMwTCCCifb1EKY/9+zUqw8D8g7t5F1BmulJ3uM7zJlZLZWaqKg==","shasum":"4938dd991b29bff2f22fc49618b907240a111027","tarball":"https://registry.npmjs.org/@charles5277/vue-bottom-sheet-mobile/-/vue-bottom-sheet-mobile-1.0.0.tgz","fileCount":9,"unpackedSize":24380,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIB82KYREWSqSqxONLqZrRZHOG+jZxRa1RSUJosu43xtUAiEAgdhEjCUon88G/p8FV5xNXhA1QVQFrOTpuu9i39rdspU="}]},"_npmUser":{"name":"charles5277","email":"abcd854884@gmail.com"},"directories":{},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-bottom-sheet-mobile_1.0.0_1711834385785_0.391393068984339"},"_hasShrinkwrap":false},"1.0.1":{"name":"@charles5277/vue-bottom-sheet-mobile","version":"1.0.1","private":false,"scripts":{"dev":"vite --config vite-demo.config.ts serve --host 0.0.0.0","build-lib":"rimraf dist &&  vite build","build-demo":"rimraf dist &&  vite build --config vite-demo.config.ts","deploy":"rimraf dist && vite build && npm publish --access=public","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"dependencies":{"hammerjs":"^2.0.8"},"devDependencies":{"@rushstack/eslint-patch":"^1.3.2","@tsconfig/node18":"^18.2.0","@types/node":"^18.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^11.0.3","@vue/tsconfig":"^0.4.0","eslint":"^8.45.0","eslint-plugin-vue":"^9.15.1","npm-run-all":"^4.1.5","prettier":"^3.0.0","rimraf":"^5.0.1","sass":"^1.64.1","typescript":"~5.1.6","vite":"^4.4.6","vite-plugin-dts":"^3.4.0","vue":"^3.3.4","vue-tsc":"^1.8.6","vue3-colorpicker":"^2.1.6"},"main":"dist/vue-bottom-sheet-mobile.umd.js","module":"dist/vue-bottom-sheet-mobile.es.js","types":"./dist/VueBottomSheet.d.ts","exports":{".":{"import":"./dist/vue-bottom-sheet-mobile.es.js","require":"./dist/vue-bottom-sheet-mobile.umd.js"},"./dist/style.css":{"import":"./dist/style.css","require":"./dist/style.css"}},"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"keywords":["vue","vuejs","component","bottom-sheet"],"author":{"name":"Charles5277"},"license":"MIT","_id":"@charles5277/vue-bottom-sheet-mobile@1.0.1","gitHead":"7f07a181274b123b9072047d5cfda4f842eed6d4","description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-+nZOtrD/k+T7uF5y70naByiZfhptxqFTEuHP5IETqktI4rkphNkxVUxgVlkvbBuHXF3nyDqF05slj5RvaXRtIQ==","shasum":"e5c6363395a0ae356f53f3b78ea9f440a6a3d45f","tarball":"https://registry.npmjs.org/@charles5277/vue-bottom-sheet-mobile/-/vue-bottom-sheet-mobile-1.0.1.tgz","fileCount":9,"unpackedSize":24371,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDLp7bjPg3gUwdSrCwPSyNrSsjsquprWYdJ1E6y3+Z1ogIhAIasZQHelYrjLO50XjwqNmljq+ss10tAS6QB0aO1Gn3Q"}]},"_npmUser":{"name":"charles5277","email":"abcd854884@gmail.com"},"directories":{},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-bottom-sheet-mobile_1.0.1_1711866575215_0.08604614642199437"},"_hasShrinkwrap":false},"1.1.0":{"name":"@charles5277/vue-bottom-sheet-mobile","version":"1.1.0","private":false,"scripts":{"dev":"vite --config vite-demo.config.ts serve --host 0.0.0.0","build-lib":"rimraf dist &&  vite build","build-demo":"rimraf dist &&  vite build --config vite-demo.config.ts","deploy":"rimraf dist && vite build && npm publish --access=public","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"dependencies":{"hammerjs":"^2.0.8"},"devDependencies":{"@rushstack/eslint-patch":"^1.3.2","@tsconfig/node18":"^18.2.0","@types/node":"^18.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^11.0.3","@vue/tsconfig":"^0.4.0","eslint":"^8.45.0","eslint-plugin-vue":"^9.15.1","npm-run-all":"^4.1.5","prettier":"^3.0.0","rimraf":"^5.0.1","sass":"^1.64.1","typescript":"~5.1.6","vite":"^4.4.6","vite-plugin-dts":"^3.4.0","vue":"^3.3.4","vue-tsc":"^1.8.6","vue3-colorpicker":"^2.1.6"},"main":"dist/vue-bottom-sheet-mobile.umd.js","module":"dist/vue-bottom-sheet-mobile.es.js","types":"./dist/BottomSheet.d.ts","exports":{".":{"import":"./dist/vue-bottom-sheet-mobile.es.js","require":"./dist/vue-bottom-sheet-mobile.umd.js"},"./dist/style.css":{"import":"./dist/style.css","require":"./dist/style.css"}},"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"keywords":["vue","vuejs","component","bottom-sheet"],"author":{"name":"Charles5277"},"license":"MIT","_id":"@charles5277/vue-bottom-sheet-mobile@1.1.0","gitHead":"a1b6fcd34472cb30bbfe77eaa6df8a8a6b505b48","description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-r/wOVNx3HKr6iAKJSSmUQVCZVgTDKZdCfZNAyzt2KJ2PwtP5OizepeVGneE3UzXse3US0VqI76CLJCl1RRP9AA==","shasum":"5ffbd84b48b66b4be633483222ebe46b14976cad","tarball":"https://registry.npmjs.org/@charles5277/vue-bottom-sheet-mobile/-/vue-bottom-sheet-mobile-1.1.0.tgz","fileCount":9,"unpackedSize":24368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBfkcTOIhpVKm1n3qGeJ2YKp13Y+YixtVHyqxmN4LUICAiEAj/QvH9BIUx2iqIIy/XEABlkpVA3t81VT8m/TYNEn9A4="}]},"_npmUser":{"name":"charles5277","email":"abcd854884@gmail.com"},"directories":{},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-bottom-sheet-mobile_1.1.0_1713533377005_0.7645005708801318"},"_hasShrinkwrap":false},"1.1.1":{"name":"@charles5277/vue-bottom-sheet-mobile","version":"1.1.1","private":false,"scripts":{"dev":"vite --config vite-demo.config.ts serve --host 0.0.0.0","build-lib":"rimraf dist &&  vite build","build-demo":"rimraf dist &&  vite build --config vite-demo.config.ts","deploy":"rimraf dist && vite build && npm publish --access=public","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"dependencies":{"hammerjs":"^2.0.8"},"devDependencies":{"@rushstack/eslint-patch":"^1.3.2","@tsconfig/node18":"^18.2.0","@types/node":"^18.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^11.0.3","@vue/tsconfig":"^0.4.0","eslint":"^8.45.0","eslint-plugin-vue":"^9.15.1","npm-run-all":"^4.1.5","prettier":"^3.0.0","rimraf":"^5.0.1","sass":"^1.64.1","typescript":"~5.1.6","vite":"^4.4.6","vite-plugin-dts":"^3.4.0","vue":"^3.3.4","vue-tsc":"^1.8.6","vue3-colorpicker":"^2.1.6"},"main":"dist/vue-bottom-sheet-mobile.umd.js","module":"dist/vue-bottom-sheet-mobile.es.js","types":"./dist/BottomSheet.d.ts","exports":{".":{"import":"./dist/vue-bottom-sheet-mobile.es.js","require":"./dist/vue-bottom-sheet-mobile.umd.js"},"./dist/style.css":{"import":"./dist/style.css","require":"./dist/style.css"}},"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"keywords":["vue","vuejs","component","bottom-sheet"],"author":{"name":"Charles5277"},"license":"MIT","_id":"@charles5277/vue-bottom-sheet-mobile@1.1.1","gitHead":"5a44c0321a543c92762d8f5fc025222772a71739","description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-+DTAEeiYQA2KhtXnsBSZr2YS/SSBPatN6cT7iNpbDF7znkz2mgt2oRbm81DL330cu6Aaa8prMcrbQdQGmLPCSg==","shasum":"3a17c7b3cfc7250bd3cd5f4d3ae8ba590d3445f7","tarball":"https://registry.npmjs.org/@charles5277/vue-bottom-sheet-mobile/-/vue-bottom-sheet-mobile-1.1.1.tgz","fileCount":9,"unpackedSize":24368,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGzvm/AftUd+gk/kKJUtN6/dUYthXv4DeYiAz67mC6blAiBj9n+MK5GtkBeXALvzydJOjaHKQJHCIZCmXV6fikQy+Q=="}]},"_npmUser":{"name":"charles5277","email":"abcd854884@gmail.com"},"directories":{},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-bottom-sheet-mobile_1.1.1_1713533729025_0.8169945685839395"},"_hasShrinkwrap":false},"1.2.0":{"name":"@charles5277/vue-bottom-sheet-mobile","version":"1.2.0","private":false,"scripts":{"dev":"vite --config vite-demo.config.ts serve --host 0.0.0.0","build-lib":"rimraf dist &&  vite build","build-demo":"rimraf dist &&  vite build --config vite-demo.config.ts","deploy":"rimraf dist && vite build && npm publish --access=public","lint":"eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore","format":"prettier --write src/"},"dependencies":{"hammerjs":"^2.0.8"},"devDependencies":{"@rushstack/eslint-patch":"^1.3.2","@tsconfig/node18":"^18.2.0","@types/node":"^18.17.0","@vitejs/plugin-vue":"^4.2.3","@vue/eslint-config-prettier":"^8.0.0","@vue/eslint-config-typescript":"^11.0.3","@vue/tsconfig":"^0.4.0","eslint":"^8.45.0","eslint-plugin-vue":"^9.15.1","npm-run-all":"^4.1.5","prettier":"^3.0.0","rimraf":"^5.0.1","sass":"^1.64.1","typescript":"~5.1.6","vite":"^4.4.6","vite-plugin-dts":"^3.4.0","vue":"^3.3.4","vue-tsc":"^1.8.6","vue3-colorpicker":"^2.1.6"},"main":"dist/bottom-sheet-mobile.umd.js","module":"dist/bottom-sheet-mobile.es.js","types":"./dist/BottomSheet.d.ts","exports":{".":{"import":"./dist/bottom-sheet-mobile.es.js","require":"./dist/bottom-sheet-mobile.umd.js"},"./dist/style.css":{"import":"./dist/style.css","require":"./dist/style.css"}},"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"keywords":["vue","vuejs","component","bottom-sheet"],"author":{"name":"Charles5277"},"license":"MIT","_id":"@charles5277/vue-bottom-sheet-mobile@1.2.0","gitHead":"45ea009347e6fa65a528512c89b2281c3ba72745","description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","_nodeVersion":"20.9.0","_npmVersion":"10.1.0","dist":{"integrity":"sha512-5sJ7uwhN/dGSnW4narZuLPjQjW/+3e6J2TrsLRG6q+eSyNtCbu6Ttg5gL/8/gshMFrghpmqNYMzTUKQ+vGL4pw==","shasum":"e7f8075b74652db4c07ff1ccaa3e2fbd3fba748b","tarball":"https://registry.npmjs.org/@charles5277/vue-bottom-sheet-mobile/-/vue-bottom-sheet-mobile-1.2.0.tgz","fileCount":9,"unpackedSize":24352,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFwa7wbTe6glMyCV/MjEDu9TLSWcZvPiZYi9a9+Rf6E/AiEA7iRo/zf1fOVSTAniBLJ3kwmJ/PcMNeXJy5bTVRUqUXA="}]},"_npmUser":{"name":"charles5277","email":"abcd854884@gmail.com"},"directories":{},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-bottom-sheet-mobile_1.2.0_1713534278730_0.36101022697961915"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-30T21:33:05.697Z","1.0.0":"2024-03-30T21:33:05.933Z","modified":"2024-04-19T13:44:39.278Z","1.0.1":"2024-03-31T06:29:35.401Z","1.1.0":"2024-04-19T13:29:37.216Z","1.1.1":"2024-04-19T13:35:29.190Z","1.2.0":"2024-04-19T13:44:39.107Z"},"maintainers":[{"name":"charles5277","email":"abcd854884@gmail.com"}],"description":"![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile) ![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile) ![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)","homepage":"https://github.com/Charles5277/vue-bottom-sheet-mobile#readme","keywords":["vue","vuejs","component","bottom-sheet"],"repository":{"type":"git","url":"git+https://github.com/Charles5277/vue-bottom-sheet-mobile.git"},"author":{"name":"Charles5277"},"bugs":{"url":"https://github.com/Charles5277/vue-bottom-sheet-mobile/issues"},"license":"MIT","readme":"# Vue Bottom Sheet \n![Size](https://img.shields.io/bundlephobia/minzip/@charles5277/vue-bottom-sheet-mobile)\n![Downloads](https://img.shields.io/npm/dt/@charles5277/vue-bottom-sheet-mobile)\n![Version](https://img.shields.io/npm/v/@charles5277/vue-bottom-sheet-mobile)\n\nA nice clean and touch-friendly bottom sheet component based on [Vue.js](https://vuejs.org/) and [hammer.js](https://hammerjs.github.io/) for Vue 3\n\n## Installation\n\n### NPM\n\n```\nnpm install @charles5277/vue-bottom-sheet-mobile\n```\n\n### Yarn\n\n```\nyarn add @charles5277/vue-bottom-sheet-mobile\n```\n\n## Usage\n\n```vue\n<template>\n  <bottom-sheet ref=\"myBottomSheet\">\n    <h1>Lorem Ipsum</h1>\n    <h2>What is Lorem Ipsum?</h2>\n    <p>\n      <strong>Lorem Ipsum</strong> is simply dummy text\n    </p>\n  </bottom-sheet>\n</template>\n\n<script setup>\nimport BottomSheet from \"@charles5277/vue-bottom-sheet-mobile\";\nimport  \"@charles5277/vue-bottom-sheet-mobile/dist/style.css\";\nimport { ref } from \"vue\";\n\nconst myBottomSheet = ref(null)\n\nconst open = () => {\n  myBottomSheet.value.open();\n}\n\nconst close = () => {\n  myBottomSheet.value.close();\n}\n</script>\n```\n\n## Usage `setup` + TS\n\n```vue\n<template>\n  <bottom-sheet ref=\"myBottomSheet\">\n    <h1>Lorem Ipsum</h1>\n    <h2>What is Lorem Ipsum?</h2>\n    <p>\n      <strong>Lorem Ipsum</strong> is simply dummy text\n    </p>\n  </bottom-sheet>\n</template>\n\n<script setup lang=\"ts\">\nimport BottomSheet from \"@charles5277/vue-bottom-sheet-mobile\";\nimport  \"@charles5277/vue-bottom-sheet-mobile/dist/style.css\";\nimport { ref } from \"vue\";\n\nconst myBottomSheet = ref<InstanceType<typeof BottomSheet>>()\n\nconst open = () => {\n  myBottomSheet.value.open();\n}\n\nconst close = () => {\n  myBottomSheet.value.close();\n}\n</script>\n```\n\n## Usage in Nuxt 3\n\nFor Nuxt 3, just wrap component in `<client-only>`\n\n```vue\n<template>\n  <client-only>\n    <bottom-sheet ref=\"myBottomSheet\">\n      <h1>Lorem Ipsum</h1>\n      <h2>What is Lorem Ipsum?</h2>\n      <p>\n        <strong>Lorem Ipsum</strong> is simply dummy text\n      </p>\n    </bottom-sheet>\n  </client-only>\n</template>\n```\n\n## Props\n\n| Prop                | Type    | Description                                                                           | Example                        | Defaults  |\n|---------------------|---------|---------------------------------------------------------------------------------------|--------------------------------|-----------|\n| max-width           | Number  | Set max-width of component card in px                                                 | `:max-width=\"640\"`             | 640       |\n| max-height          | Number  | Sets the maximum height of the window, if not set it takes the height of the content  | `:max-height=\"90\"`             | -         |\n| can-swipe           | Boolean | Enable or disable swipe to close                                                      | `:can-swipe=\"false\"`           | true      |\n| overlay             | Boolean | Enable overlay                                                                        | `:overlay=\"false\"`             | true      |\n| overlay-color       | String  | Set overlay color with opacity                                                        | `overlay-color=\"#0000004D\"`    | #0000004D |\n| overlay-click-close | Boolean | Close window on overlay click                                                         | `:overlay-click-close=\"false\"` | true      |\n| transition-duration | Number  | Transition animation duration                                                         | `:transition-duration=\"0.5\"`   | 0.5       |\n\n## Events\n\n| Event         | Description                               | Example               |\n|---------------|-------------------------------------------|-----------------------|\n| opened        | Fire when card component is opened        | @opened=\"\"            |\n| closed        | Fire when card component is closed        | @closed=\"\"            |\n| dragging-up   | Fire while card component dragging up     | @dragging-up=\"\"       |\n| dragging-down | Fire while card component dragging down   | @dragging-down=\"\"     |\n\n## Slots\n\nYou can use this named slots:\n\n```vue\n<template>\n  <bottom-sheet ref=\"myBottomSheet\">\n    <template #header>\n      <h1>Lorem Ipsum</h1>\n    </template>\n    <template #default>\n      <h2>What is Lorem Ipsum?</h2>\n    </template>\n    <template #footer>\n      <p>\n        <strong>Lorem Ipsum</strong> is simply dummy text\n      </p>\n    </template>\n  </bottom-sheet>\n</template>\n```\n","readmeFilename":"README.MD"}