{"_id":"@craydel-v3/craydel-avatar-group","_rev":"1-c15f99676d1832435d7f4e570484889f","name":"@craydel-v3/craydel-avatar-group","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-avatar-group","version":"1.0.0","description":"A custom Vuetify avatar group of users component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","avatar","avatar group","vue","nuxt3"],"dependencies":{"@craydel-v3/craydel-avatar":"^1.0.0","@craydel-v3/craydel-avatar-with-details":"^1.0.0"},"publishConfig":{"access":"public"},"gitHead":"197647b924c0f96599722b1a80fd2334993c0d58","_id":"@craydel-v3/craydel-avatar-group@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-KqsM997x6BIejnnNGn8plxJvTbixA7Atj72cVVX6sSaEuq5dVuu9YIDJnYT/NyfqiLjUuEyGRQ6PjVjAmoehPQ==","shasum":"9e5650a4203c5010039abc6b7f47b5c6397cabf3","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-avatar-group/-/craydel-avatar-group-1.0.0.tgz","fileCount":5,"unpackedSize":11343,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkIzyOMCQaHhO6+ALk5TM9MRN2ODLMt0ZyPqq/w9pzBQIhAPx896rkFETDS9aHLfl0UI7eg00GntRKKFUc6/UMaPL3"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar-group_1.0.0_1696504812255_0.12805590815000345"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel-v3/craydel-avatar-group","version":"1.0.1","description":"A custom Vuetify avatar group of users component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","avatar","avatar group","vue","nuxt3"],"dependencies":{"@craydel-v3/craydel-avatar":"^1.0.0","@craydel-v3/craydel-avatar-with-details":"^1.0.0"},"publishConfig":{"access":"public"},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_id":"@craydel-v3/craydel-avatar-group@1.0.1","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-ewHcoaJ5ZXC2NRAy4v/NprNyX1bDjCLxn3xMakiWHo6J28K6hcx2XW0TpeFuGJpKzjNDgUa8QKwOzVhzvgX0Uw==","shasum":"2f5bb0f70dc46c760961c6d8f5572ce4931faf95","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-avatar-group/-/craydel-avatar-group-1.0.1.tgz","fileCount":5,"unpackedSize":11375,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC0xLAiNueg3ClnoZ8+jCJtk7ogdo/YLM2N5xTDHYndKwIgQSp12tRc4B5+nhus3ED5SUFes78TmUQB32CZDFUjiIs="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar-group_1.0.1_1697116782461_0.5936787246283843"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-05T11:20:12.156Z","1.0.0":"2023-10-05T11:20:12.447Z","modified":"2023-10-12T13:19:42.946Z","1.0.1":"2023-10-12T13:19:42.749Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify avatar group of users component for Craydel.","keywords":["vuetify3","avatar","avatar group","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelAvatarGroup\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-avatar-group\n```\n\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelAvatarGroup from \"@craydel-v3/craydel-avatar-group/src/CraydelAvatarGroup.vue\";\n\n  export default {\n  components: {CraydelAvatarGroup}\n}\n</script>\n```\n\n## Props\n\n| Name        | Type             | Default | Description                                                                                                                                                                                           |\n|-------------|------------------|---------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| avatar-size | number \\| string | 40      | Sets the height and width of the grouped avatars.                                                                                                                                                     |\n| users       | array            | []      | Array of objects for each user. Will look for a **display_name**, **text**, **photo** and **acronym** keys. In case there is no photo url provided, the acronym will be used to display the initials. |\n\n&emsp;\n\n## Usage\n\nAn example showing an avatar group of users.\n\n```html\n<craydel-avatar-group\n        :users=\"users\"\n></craydel-avatar-group>\n```\n\n```javascript\ndata() {\n  return {\n    users: [\n      {\n        display_name: \"John Smitt\",\n        text: \"john.smitt@craydel.com\",\n        photo: '',\n        acronym: \"JS\"\n      },\n      {\n        display_name: \"Frankie Dowle\",\n        text: \"frankie.dowle@craydel.com\",\n        photo: \"https://randomuser.me/api/portraits/med/men/3.jpg\",\n        acronym: \"FD\"\n      }\n    ],\n  }\n}\n```","readmeFilename":"README.md"}