{"_id":"@dpa-id-components/ui-snackbar","_rev":"24-579a6d65e881c20b843cede4c2b6084d","name":"@dpa-id-components/ui-snackbar","dist-tags":{"latest":"0.2.0"},"versions":{"0.1.0":{"name":"@dpa-id-components/ui-snackbar","version":"0.1.0","author":"","license":"MIT","_id":"@dpa-id-components/ui-snackbar@0.1.0","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/README.md","dist":{"shasum":"7d91c4f331fb76e80494d32eb1437a159cd4cdef","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-snackbar/-/ui-snackbar-0.1.0.tgz","fileCount":10,"integrity":"sha512-3c2UviAvMJE+E0OZXK+5uVYkC1e8+tVmVMlnbj2oI55pMEnHWmQfwAqC3DBbp42Qs5PEdOyxfuW/1gEAnPNzsg==","signatures":[{"sig":"MEQCIEGNF/afsrF48956i9/WyDVHzrnMb+iBooIJbUGCJEDMAiAcm3Gz5/lerPcVQ4LikuQAOL49mDGbaJpJ5t28oERUHQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113582},"main":"dist/UiSnackbar.common.js","gitHead":"be4b893c6c8734ba941813f6fa13f72b38519d89","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiSnackbar.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (darwin)","description":"UiSnackbar vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-snackbar_0.1.0_1634892486232_0.4748035828306112","host":"s3://npm-registry-packages"}},"0.1.1":{"name":"@dpa-id-components/ui-snackbar","version":"0.1.1","author":"","license":"MIT","_id":"@dpa-id-components/ui-snackbar@0.1.1","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/README.md","dist":{"shasum":"23e24eaadaf5c149174cf320a4ba879ea7dce607","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-snackbar/-/ui-snackbar-0.1.1.tgz","fileCount":10,"integrity":"sha512-jCHtazHkB4hcr1B8vFusyxDjsuT+CbNJ9wRsqW4oUEj80D4xz/oDL55+dvZaLf5JnXM+qcTFVRjDAaM9sd9Huw==","signatures":[{"sig":"MEQCIBSPlJTlqyzGPdZPtykaXs6zgcGCEy/7Qy2POVwKkDmuAiAOtPnfA8FBclKuWAKjkst6GHHqqDRoVzWMHtecp4nxYA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":113582},"main":"dist/UiSnackbar.common.js","gitHead":"45e84bd0223e41f9a6564990ea57302c60698349","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiSnackbar.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (darwin)","description":"UiSnackbar vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-snackbar_0.1.1_1635389252766_0.9721314322621752","host":"s3://npm-registry-packages"}},"0.1.2":{"name":"@dpa-id-components/ui-snackbar","version":"0.1.2","author":"","license":"MIT","_id":"@dpa-id-components/ui-snackbar@0.1.2","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/README.md","dist":{"shasum":"87b30ff741ba66737be1c63b04de390c87a96228","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-snackbar/-/ui-snackbar-0.1.2.tgz","fileCount":10,"integrity":"sha512-MD9tLP5AWKFRGTxeZbPrJiDPmO5lRF3PMT8Ztx2Uh3t4euD2NJo/XM7O2VgqIQuZ/q2GsoO6E/DI8Gr18U4SkA==","signatures":[{"sig":"MEYCIQCLAsUWh81tIukSKSBwdPfe0DZEXZ6w82GWbxjfWAnAjQIhANLoiknpzD1tKHp3QyFAwD3k33uMPMdfZC7M1OA7d33z","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":117684},"main":"dist/UiSnackbar.common.js","gitHead":"6ef74ffcb8310444d0987b73d9e7fc20f402149c","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiSnackbar.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (darwin)","description":"UiSnackbar vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-snackbar_0.1.2_1635416403756_0.2015413959550365","host":"s3://npm-registry-packages"}},"0.2.0":{"name":"@dpa-id-components/ui-snackbar","version":"0.2.0","author":"","license":"MIT","_id":"@dpa-id-components/ui-snackbar@0.2.0","maintainers":[{"name":"kbanke","email":"milan+dpa-id-components@factorial.io"},{"name":"kgierke","email":"mail@kurtgierke.com"},{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},{"name":"mridul_dpa","email":"roy.mridul@dpa.com"}],"homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/README.md","dist":{"shasum":"7b85e282eff8cc460824e0b1e512715775e22992","tarball":"https://registry.npmjs.org/@dpa-id-components/ui-snackbar/-/ui-snackbar-0.2.0.tgz","fileCount":10,"integrity":"sha512-U1YHpCrGo78Mz22Tqlblockn5dSD5lSxKdZXzISRert0p64qhhJelPKUqa/Dc5oZhqj7B0JcIR5EsKEBzbplGw==","signatures":[{"sig":"MEUCIQC6IZT/mKUwXc5etKTrTZg2oe0I6bcT2pl9FPzwenmD4gIgG6oZpwZOeHm8ay1Ev+3KiC85qot/NyfZlcfYhDTm60c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":154591},"main":"dist/UiSnackbar.common.js","gitHead":"f68247efd81cfedd9fac8f09fab3406d0e455e33","private":false,"scripts":{"test":"vue-cli-service test:unit ./UiSnackbar.spec.js"},"_npmUser":{"name":"andrewbeng89","email":"andrewbeng89@gmail.com"},"_npmVersion":"lerna/4.0.0/node@v14.18.1+x64 (darwin)","description":"UiSnackbar vue component with dpa Design Kit","directories":{},"_nodeVersion":"14.18.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/ui-snackbar_0.2.0_1635902040284_0.7036296677149485","host":"s3://npm-registry-packages"}}},"time":{"created":"2021-10-22T08:48:06.175Z","modified":"2025-12-16T10:51:05.390Z","0.1.0":"2021-10-22T08:48:06.633Z","0.1.1":"2021-10-28T02:47:32.936Z","0.1.2":"2021-10-28T10:20:03.896Z","0.2.0":"2021-11-03T01:14:00.436Z"},"license":"MIT","homepage":"https://github.com/dpa-gmbh/dpa-id-components/blob/master/packages/UiSnackbar/README.md","description":"UiSnackbar vue component with dpa Design Kit","maintainers":[{"email":"schubert.florian@dpa.com","name":"schubert.florian"},{"email":"cirksena.hajo@dpa.com","name":"hajo.cirksena.dpa"},{"email":"karl.banke@iternum.com","name":"karlbanke"},{"email":"roy.mridul@dpa.com","name":"mridul_dpa"},{"email":"roessel.nico@dpa.com","name":"roessel.nico"},{"email":"Pehlivan.Arif@dpa.com","name":"arifpehlivan"},{"email":"antje.sommer@dpa-mediatec.com","name":"antje.sommer"},{"email":"wolf.pauw@dpa-mediatec.com","name":"dpa-connect-deployment"},{"email":"borchert.manja@dpa.com","name":"borchert.manja"},{"email":"martin@martinherweg.de","name":"martinherweg"},{"email":"goersch.juliane@dpa.com","name":"goersch.juliane"}],"readme":"# @dpa-id-components/ui-snackbar\n\n> `UiSnackbar` Vue 2.x snackbar component based on the [dpa Design Kit](https://designkit.dpa-id.de/)\n\n## Installation\n\n```\nyarn add @dpa-id-components/ui-snackbar\n```\n\n## Usage\n\n```html\n<!-- SomeComponent.vue using UiSnackbar -->\n<template>\n  <button @click=\"toggleSnackbar\">toggle snackbar</button>\n  <ui-snackbar v-model=\"showSnackbar\" @action-click=\"handleAction\">\n    HELLO <span slot=\"action\">action</span>\n  </ui-snackbar>\n</template>\n\n<script>\n  import UiSnakbar from \"@dpa-id-components/ui-snackbar\";\n\n  export default {\n    components: { UiSnackbar },\n    data() {\n      return {\n        showSnackbar: false,\n      };\n    },\n    methods: {\n      handleAction: () => {\n        console.log(\"clicked\");\n      },\n    },\n  };\n</script>\n```\n\n## Demo\nView a demo of `<ui-snackbar>` on [Storybook](https://dpa-gmbh.github.io/dpa-id-components/?path=/docs/uisnackbar--default)\n\n## API\n\n### Props\n| Name        | Type      | Values            | Description                                                      |\n| ----------- | --------- | ----------------- | ---------------------------------------------------------------- |\n| `value`     | `Boolean` |                   | The internal display value of the snackbar                       |\n| `position`  | `String`  | `\"left\"|\"right\"`  | Position of the snackbar: either `\"left\"` (default) or `\"right\"` |\n\n### Slots\n| Name      | Description                             |\n| --------- | --------------------------------------- |\n| `default` | Dfault slot for text of the snackbar    |\n| `action`  | Optional slot for text in action button |\n| `icon`    | Optional slot for a preprended SVG icon |\n\n### Events\n| Name           | Type       | Description                         |\n| -------------- | ---------- | ----------------------------------- |\n| `action-click` |            | Emitted when the action is clicked  |\n| `input`        | `Boolean`  | Emitted when the snackbar is hidden |\n","readmeFilename":"README.md"}