{"_id":"@craydel/craydel-drawer","_rev":"1-6192e3b67db2c19f0f4aa4874942afbc","name":"@craydel/craydel-drawer","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@craydel/craydel-drawer","version":"1.0.0","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","drawer","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"861c6439f769c99f9a4bd0c123fe19f8171ec050","_id":"@craydel/craydel-drawer@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-vdWjDRL569kyhfz3TzXCxH14O5WEp1BdMk57DJUFF1m2aTQTZpeX99XngxoOm3qhzyar44VPCWEAztdSaywGTQ==","shasum":"e6830707b794c9b7073519f924a5bc015812c1df","tarball":"https://registry.npmjs.org/@craydel/craydel-drawer/-/craydel-drawer-1.0.0.tgz","fileCount":4,"unpackedSize":9314,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICkZl5ODAbND3YWu2MDmqV615ouJM6kR230EfPAlzz/zAiA9sQY7NjfOPy9DDydSQdBjsjc42JTge8JlvFPwskAACA=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.0_1695106934549_0.13275248682163387"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-drawer","version":"1.0.1","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","drawer","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-drawer@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-mVC0yN1jor/u3FnjmgoH/vMiB6pjf1BljPibV4v2JaM5yLMfOerbduAJyCZk74+JEN3ALs964X/x4twM3lR+dQ==","shasum":"51c07d13f1eb2a8d9f2558cb1ea79b06185ec11f","tarball":"https://registry.npmjs.org/@craydel/craydel-drawer/-/craydel-drawer-1.0.1.tgz","fileCount":5,"unpackedSize":10387,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCdH36BYvSAtMX3/fNiADnJs+zpFHzmPzHhip8OzQ0Y7wIgKbnE4jckaClThk3eJs2rMpns2O4q0x7QhtV+XJIKp/0="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.1_1695211462366_0.352853143430363"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-19T07:02:14.382Z","1.0.0":"2023-09-19T07:02:14.739Z","modified":"2023-09-20T12:04:22.730Z","1.0.1":"2023-09-20T12:04:22.509Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify drawer component for Craydel.","keywords":["vuetify","drawer","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelDrawer\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-drawer\n```\n\n## Register Plugin\n\nIf you use the plugin API, the component will be registered as a global component just like when\nincluding it with the script tag, but you won't need to re-register it through the `components` property in your own\ncomponents.\n\nCreate the plugin file e.g `craydel-components.js` file.\n\n```javascript\n// craydel-components.js\nimport Vue from 'vue'\nimport CraydelDrawer from '@craydel/craydel-drawer/src/CraydelDrawer.vue'\n\nconst Components = {\n CraydelDrawer,\n};\n\nObject.keys(Components).forEach(name => {\n Vue.component(name, Components[name]);\n});\n\nexport default Components;\n```\n\nNext reference the plugin file in your nuxt.config.js\n\n```javascript\n// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\nplugins: [\n '~/plugins/craydel-components.js'\n]\n```\n\n## Props\n\n| Name | Type | Default | Description |\n|--------------------------|---------|---------|-------------------------------------------------------|\n| show-drawer | boolean | false | Controls whether the component is visible or hidden. |\n| show-back | boolean | false | Control whether the back button is visible or hidden. |\n| hide-overlay | boolean | false | Hides the display of the overlay. |\n| hide-footer | boolean | false | Hides the display of the drawer's footer. |\n| hide-header | boolean | false | Hides the display of the drawer's header. |\n| permanent | boolean | false | The drawer remains visible regardless of screen size. |\n| disable-clicking-outside | boolean | false | Disables clicking outside the drawer to close it. |\n| no-shadow | boolean | false | Removes the shadow from the drawer. |\n\n \n\n## Events\n\n| Name | Description |\n|------------|:-----------------------------------------|\n| hideDrawer | Emitted when the drawer is closed. |\n| goBack | Emitted when the back button is clicked. |\n\n \n\n## Slots\n\n| Name | Description |\n|--------|:----------------------------------------------------------------------------------------|\n| header | A slot at the top of the drawer used to show the title of the drawer. |\n| footer | A slot at the bottom of the drawer used to show footer content such as a submit button. |\n\n \n\n## Usage\n\nAn example showing a drawer with a form.\n\n```html\nOpen drawer\n\n\n\n \n\n
\n
\n
\n \n \n
\n
\n \n \n
\n
\n \n \n
\n
\n
\n\n \n\n\n```\n\n```javascript\ndata() {\n return {\n show_drawer: false\n }\n}\n```","readmeFilename":"README.md","license":"MIT"}