{"_id":"@craydel-v3/craydel-avatar","name":"@craydel-v3/craydel-avatar","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-avatar","version":"1.0.0","description":"A custom Vuetify avatar component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","avatar","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"bff1b0050d4a3e1e06ccd30e485caae644aa647b","_id":"@craydel-v3/craydel-avatar@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-MZSIN71p+8vGGgQ7IqRTuSA3Qr9Tm9go1bXNeA2ekWm1Alx89eBNVMcKAKm3RiFPT8ZEQPh6n8OF2YusMO8mNw==","shasum":"81d67beabc0530aa85a6bb7bb2c43cd6852a86a2","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-avatar/-/craydel-avatar-1.0.0.tgz","fileCount":5,"unpackedSize":5485,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDqQ5+k/n0PIyfvPizNC02ccgO/Xp0ZjqhRBPX8qx4x+QIgXyvtZLva8J8aiYcWmmc09WIjcrx4wjlMkqHEraSmYr0="}]},"_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_1.0.0_1696427942378_0.11515231299825324"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-04T13:59:02.273Z","1.0.0":"2023-10-04T13:59:02.557Z","modified":"2023-10-04T13:59:02.875Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify avatar component for Craydel.","keywords":["vuetify3","avatar","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelAvatar\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-avatar\n```\n\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelAvatar from \"@craydel-v3/craydel-avatar/src/CraydelAvatar.vue\";\n\n  export default {\n  components: {CraydelAvatar}\n}\n</script>\n```\n\n## Props\n\n| Name         | Type             | Default   | Description                                                                       |\n|--------------|------------------|-----------|-----------------------------------------------------------------------------------|\n| photo        | string           | undefined | Sets the avatar as an image.                                                      |\n| display-name | string           | undefined | Generates a random color that is applied to the avatar based on the display-name. |\n| acronym      | string           | undefined | Sets the avatar as an acronym. Only visible when **photo** is not provided.       |\n| size         | number \\| string | 40        | Sets the height and width of the component.                                       |\n\n&emsp;\n\n## Usage\n\nAn example showing an avatar that will display the initials 'JD'.\n\n```html\n<craydel-avatar\n        display-name=\"John Doe\"\n        acronym=\"JD\"\n></craydel-avatar>\n```","readmeFilename":"README.md"}