{"_id":"@alexrafael10/vue-avatar","_rev":"3-c3f45c5e557bfd4f2fc1f3d5edfc8718","name":"@alexrafael10/vue-avatar","dist-tags":{"latest":"2.4.1"},"versions":{"2.3.0":{"name":"@alexrafael10/vue-avatar","version":"2.3.0","description":"Avatar component for Vue.js","author":{"name":"eprudhomme@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/alexrafael10/vue-avatar.git"},"keywords":["avatar","user","vue"],"scripts":{"dev":"node build/dev-server.js","bundle:dist":"rm -rf dist && webpack --config build/webpack.bundle.conf.js","bundle:lib":"babel src --out-dir lib","bundle":"node build/bundle.js && npm run bundle:lib","docs":"rm -rf docs && mkdir docs && node build/build.js","unit":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --watch","test":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run","lint":"eslint --ext .js,.vue src test/unit/specs","finish":"npm run lint && npm test && npm run bundle","deploy":"./bin/deploy-doc.sh"},"main":"dist/vue-avatar.min.js","dependencies":{},"devDependencies":{"@vue/test-utils":"^1.0.0-beta.20","babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","chai":"^4.1.2","copy-webpack-plugin":"^4.2.0","cross-env":"^5.1.0","css-loader":"^0.28.7","eslint":"^4.9.0","eslint-config-standard":"^10.2.1","eslint-friendly-formatter":"^3.0.0","eslint-loader":"^1.9.0","eslint-plugin-html":"^3.2.2","eslint-plugin-import":"^2.8.0","eslint-plugin-node":"^5.2.0","eslint-plugin-promise":"^3.6.0","eslint-plugin-standard":"^3.0.1","eventsource-polyfill":"^0.9.6","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.5","friendly-errors-webpack-plugin":"^1.6.1","function-bind":"^1.1.1","html-webpack-plugin":"^2.30.1","istanbul-instrumenter-loader":"^3.0.0","json-loader":"^0.5.7","karma":"^1.7.1","karma-coverage":"^1.1.1","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.4","karma-sinon-chai":"^1.3.2","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"^0.0.31","karma-webpack":"^2.0.5","lolex":"^2.1.3","mocha":"^4.0.1","optimize-css-assets-webpack-plugin":"^3.2.0","ora":"^1.3.0","phantomjs-prebuilt":"^2.1.15","pug":"^2.0.0-rc.4","pug-loader":"^2.3.0","shelljs":"^0.7.8","sinon":"^4.0.1","sinon-chai":"^2.14.0","url-loader":"^0.6.2","vue":"^2.5.3","vue-hot-reload-api":"^2.2.0","vue-html-loader":"^1.2.4","vue-loader":"^13.3.0","vue-style-loader":"^3.0.3","vue-template-compiler":"^2.5.2","webpack":"^3.8.1","webpack-dev-server":"^2.9.3","webpack-hot-middleware":"^2.20.0","webpack-merge":"^4.1.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"gitHead":"1e36a5654b5f3b3ff97d4aa276886b026874103a","bugs":{"url":"https://github.com/alexrafael10/vue-avatar/issues"},"homepage":"https://github.com/alexrafael10/vue-avatar#readme","_id":"@alexrafael10/vue-avatar@2.3.0","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-WpLsYDZEqIlEUGbAzeFVsTQaC+6AIoFcPEuXRDgDWo2ENlr9EecFrFZ9+ZdKKDpefjnhZ7sLh9TVRTakxuv0hQ==","shasum":"a7f99dae5aea4a6bd999f0fb4d3bac6e34ff43a8","tarball":"https://registry.npmjs.org/@alexrafael10/vue-avatar/-/vue-avatar-2.3.0.tgz","fileCount":12,"unpackedSize":25714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezSCmCRA9TVsSAnZWagAAA9MQAKG1svV8Bo5u6ahiiBZ4\nGmT8e9LUZMGFZZQXATXRwfd4MgFz+Y7eo3437maKLyqffMqwRgpedOOnUXn0\n7EKcnkrwyCRDUgtS+IPIuDvjXw6EtPDPGk9OifKWAZbFav5THVAwiLbKnUk1\nlS8yt+E7Mz0fJPSn3frH1b9GO5KtNLxuNYkcOcQv8OnxE3dA7T+z7GvZJrM3\nrlhOel/kEZUhirOpLtTybcgauW9VX53JRcKLcAevJcZrv+E/gbOtXjmLp84W\ndOAqNPMEsC3n/Rea8ZqrMqDTIa8Clovm+78jGzoKXJYXmueQczrzuug8jiFX\nLwXEIHKhTHNsL82HJtlCFQgHEb2893/Ar5YD8whS0+G5iHGwJXA/UGUtKI5C\n2XpUmxCKFfd+ceRQ3/k/awbpyEj2LTUEcOVa8rr24BHNCG/8o+B0FdgvJNbG\njJH1Ag8p1JbIUGTwBhB793ZAlw0PyGu4tgeO7I1rObmwmY7j5GQp74n0O6de\nmvSCLMDYpmJ5Da9yY8gGy/m7X0FZZgwfoFsZXvQWPcEczNKoIWpdRGFlRtAZ\nJOArfJRf+Lskuu9HzkH3BoSXiF7I2hm+RPchZmyLfpF2B6emNuuBvLdNKvPh\nXdGWi+H8pL4q+uFjo1KlA9/CMECMqDjKhGptTQxjRPtVGupwYUbwao5Pt5/T\nl1CI\r\n=6f9u\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQC6AJaK0tBtcfy6w+twACoAunpryguET751InsZ/X4imgIgcA00LqWt9kKMNFQokqjNPkPEr17YwJNjuRJbH9tvSug="}]},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"_npmUser":{"name":"alexrafael10","email":"alexrafael10@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-avatar_2.3.0_1590501541664_0.6512329793377678"},"_hasShrinkwrap":false},"2.4.0":{"name":"@alexrafael10/vue-avatar","version":"2.4.0","description":"Avatar component for Vue.js","author":{"name":"eprudhomme@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/alexrafael10/vue-avatar.git"},"keywords":["avatar","user","vue"],"scripts":{"dev":"node build/dev-server.js","bundle:dist":"rm -rf dist && webpack --config build/webpack.bundle.conf.js","bundle:lib":"babel src --out-dir lib","bundle":"node build/bundle.js && npm run bundle:lib","docs":"rm -rf docs && mkdir docs && node build/build.js","unit":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --watch","test":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run","lint":"eslint --ext .js,.vue src test/unit/specs","finish":"npm run lint && npm test && npm run bundle","deploy":"./bin/deploy-doc.sh"},"main":"dist/vue-avatar.min.js","dependencies":{},"devDependencies":{"@vue/test-utils":"^1.0.0-beta.20","babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","chai":"^4.1.2","copy-webpack-plugin":"^4.2.0","cross-env":"^5.1.0","css-loader":"^0.28.7","eslint":"^4.9.0","eslint-config-standard":"^10.2.1","eslint-friendly-formatter":"^3.0.0","eslint-loader":"^1.9.0","eslint-plugin-html":"^3.2.2","eslint-plugin-import":"^2.8.0","eslint-plugin-node":"^5.2.0","eslint-plugin-promise":"^3.6.0","eslint-plugin-standard":"^3.0.1","eventsource-polyfill":"^0.9.6","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.5","friendly-errors-webpack-plugin":"^1.6.1","function-bind":"^1.1.1","html-webpack-plugin":"^2.30.1","istanbul-instrumenter-loader":"^3.0.0","json-loader":"^0.5.7","karma":"^1.7.1","karma-coverage":"^1.1.1","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.4","karma-sinon-chai":"^1.3.2","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"^0.0.31","karma-webpack":"^2.0.5","lolex":"^2.1.3","mocha":"^4.0.1","optimize-css-assets-webpack-plugin":"^3.2.0","ora":"^1.3.0","phantomjs-prebuilt":"^2.1.15","pug":"^2.0.0-rc.4","pug-loader":"^2.3.0","shelljs":"^0.7.8","sinon":"^4.0.1","sinon-chai":"^2.14.0","url-loader":"^0.6.2","vue":"^2.5.3","vue-hot-reload-api":"^2.2.0","vue-html-loader":"^1.2.4","vue-loader":"^13.3.0","vue-style-loader":"^3.0.3","vue-template-compiler":"^2.5.2","webpack":"^3.8.1","webpack-dev-server":"^2.9.3","webpack-hot-middleware":"^2.20.0","webpack-merge":"^4.1.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"gitHead":"361d8be519e18e3c5fb839bc9d0233aefabebaeb","bugs":{"url":"https://github.com/alexrafael10/vue-avatar/issues"},"homepage":"https://github.com/alexrafael10/vue-avatar#readme","_id":"@alexrafael10/vue-avatar@2.4.0","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-Ktl7RBlbvGhkEsJpJLDQeq3AaWL4mrWpM2/b9VquSeI8HrWUUjmtqdp1UolIfz0DTpwTWzW6JTBXs+aqLqFCPA==","shasum":"a804d56e8468f820ccb59143c3e29dc11fa5f390","tarball":"https://registry.npmjs.org/@alexrafael10/vue-avatar/-/vue-avatar-2.4.0.tgz","fileCount":12,"unpackedSize":25714,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezSDECRA9TVsSAnZWagAAtKsP/3GozfygJBUBMJwn7pjk\nOYsCAMnLP3BeLy14IRPGDpCgWncI9CcN0snWlc2/lMY+2R6g6G/ZNTJzgjEu\nepXs8Btaid3K++Rx5pK8vFaD+uyaSPFDv88wyAE94VumMejDN1CnYj5OJdi/\nPg8/2Di9/DmTv9IFq7aMWpqIiwI0AkitvxZRhz11RHj4oaIQrecb+lwsr5xJ\n8Nhx2aHqMRM5cPhKGQnsC6PMNSDfDOTTLhlQCwr+Zp2p5B2x8gH6Tz8k+k9D\nmgqt3RRLsiDnCu5Xwt/270zu+qHZQsr/9RTLmwfTMTClmg1X2P8XPtIxEWcI\nHGDJYdjHSkEhbCrjxhBCJzI3Bc3a3NhymRvDIl/YlVvm2Yx3Li9hYaCeBiow\n0RKURnU8zz/0NEDeWEsslQlJ2KtQrFHatBXjX9bqjT86JKXIzL0/SaZtnnbs\njAaj9bHkqUGBwtJnQ3vyQgd2FHz8Y9oR/pzjNVv0rBYYZKzzkF4tK9ZqW693\nxMaR1wdt+1gs6H4SNP8YIh8PAsUF05LCEdqQsPLlS+eA8cN/189CU4hG6pKD\nGyN2vfpmLXCo+bLuVLRJoHDdMTFspeG/kjSQBR4vgxGTHOeQMeuj6YIA25+9\n6u/SdtuauMXc9ljfQotNWcrypaKaUWSUDqBFH0goBmZbT3reTVLxQlZwN1q9\nj6ls\r\n=PwPw\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFLbuHQUOdWRtiEu9go8Y5rzHpTZcHodoqVxdT8miqiNAiADvSAkUZ/hghyvMFPMrpsYxkYfKgXQIFPztsDNZQCp5A=="}]},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"_npmUser":{"name":"alexrafael10","email":"alexrafael10@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-avatar_2.4.0_1590501571628_0.20596410511408125"},"_hasShrinkwrap":false},"2.4.1":{"name":"@alexrafael10/vue-avatar","version":"2.4.1","description":"Avatar component for Vue.js","author":{"name":"eprudhomme@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/alexrafael10/vue-avatar.git"},"keywords":["avatar","user","vue"],"scripts":{"dev":"node build/dev-server.js","bundle:dist":"rm -rf dist && webpack --config build/webpack.bundle.conf.js","bundle:lib":"babel src --out-dir lib","bundle":"node build/bundle.js && npm run bundle:lib","docs":"rm -rf docs && mkdir docs && node build/build.js","unit":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --watch","test":"cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run","lint":"eslint --ext .js,.vue src test/unit/specs","finish":"npm run lint && npm test && npm run bundle","deploy":"./bin/deploy-doc.sh"},"main":"dist/vue-avatar.min.js","dependencies":{},"devDependencies":{"@vue/test-utils":"^1.0.0-beta.20","babel-cli":"^6.26.0","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-runtime":"^6.23.0","babel-preset-env":"^1.6.1","chai":"^4.1.2","copy-webpack-plugin":"^4.2.0","cross-env":"^5.1.0","css-loader":"^0.28.7","eslint":"^4.9.0","eslint-config-standard":"^10.2.1","eslint-friendly-formatter":"^3.0.0","eslint-loader":"^1.9.0","eslint-plugin-html":"^3.2.2","eslint-plugin-import":"^2.8.0","eslint-plugin-node":"^5.2.0","eslint-plugin-promise":"^3.6.0","eslint-plugin-standard":"^3.0.1","eventsource-polyfill":"^0.9.6","extract-text-webpack-plugin":"^3.0.2","file-loader":"^1.1.5","friendly-errors-webpack-plugin":"^1.6.1","function-bind":"^1.1.1","html-webpack-plugin":"^2.30.1","istanbul-instrumenter-loader":"^3.0.0","json-loader":"^0.5.7","karma":"^1.7.1","karma-coverage":"^1.1.1","karma-mocha":"^1.3.0","karma-phantomjs-launcher":"^1.0.4","karma-sinon-chai":"^1.3.2","karma-sourcemap-loader":"^0.3.7","karma-spec-reporter":"^0.0.31","karma-webpack":"^2.0.5","lolex":"^2.1.3","mocha":"^4.0.1","optimize-css-assets-webpack-plugin":"^3.2.0","ora":"^1.3.0","phantomjs-prebuilt":"^2.1.15","pug":"^2.0.0-rc.4","pug-loader":"^2.3.0","shelljs":"^0.7.8","sinon":"^4.0.1","sinon-chai":"^2.14.0","url-loader":"^0.6.2","vue":"^2.5.3","vue-hot-reload-api":"^2.2.0","vue-html-loader":"^1.2.4","vue-loader":"^13.3.0","vue-style-loader":"^3.0.3","vue-template-compiler":"^2.5.2","webpack":"^3.8.1","webpack-dev-server":"^2.9.3","webpack-hot-middleware":"^2.20.0","webpack-merge":"^4.1.0"},"engines":{"node":">= 4.0.0","npm":">= 3.0.0"},"gitHead":"53be7458ce42d4c6db1ec5311c44a2283c16c702","bugs":{"url":"https://github.com/alexrafael10/vue-avatar/issues"},"homepage":"https://github.com/alexrafael10/vue-avatar#readme","_id":"@alexrafael10/vue-avatar@2.4.1","_nodeVersion":"10.18.0","_npmVersion":"6.13.4","dist":{"integrity":"sha512-BiUV734GqrnQFcKktsdYCTOqbQ2kgkS+qapDvOZD1UulT8zMskdck2fG3sI9KURflY8i9EFGCzrhIG+y3925Fg==","shasum":"3c4f82388252ab5ef17e482a6f3a8b5b00d422f6","tarball":"https://registry.npmjs.org/@alexrafael10/vue-avatar/-/vue-avatar-2.4.1.tgz","fileCount":12,"unpackedSize":25845,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJezSeoCRA9TVsSAnZWagAA9WUP/2pjLj6kD0gIAuPsTJry\n8HPTSlSbroa7/0Tys+4Oa+X26rxeLcmkFMBIttjFcT5WhvsRG1YYFiXvrlqN\nv2rN3r9HkETnfNSpxC+989tBcD5nB2b1zNKwWzOPK7JLAmLE6JtsbUyFkc0q\nTFjB59ImUt9aAET4FPVwEhNufYJbi8/F663V+4YkuqXtiCpQSmR6Kdvb3aIk\npzmqg5RxaEnunJWujE9hZ6aPgfh9lxhJhITqOPabGBIMuDRpb6XM468DaswO\nhXb0+D8uS3ZnqxtkWuFCPQIdYZaslsv7aJJaor19fcdhq5pMs+bEkq2qPipR\nGKeBMExk0HoxfASIeOWQnysjPZl5DvVqYOSV0tfkEuKOt9l1XMVWQ5poXTZo\nCDS5eQDUz7H3fLkWR6jjnRlf9EszUChYtAt/kKYCvxthpDx6xIbIrfMZkMnp\n9EYueEjf2wCqQYByKx/om9eoLI/5MBlNPCmy7TQQ486JPHvxIljdvmtLB52a\n1Fm0J3+hicQHlOmuuKvsE3gInm0G+tuBSq56en109eHqevmuwheWa2vS0DgS\nnprHWmTPaFaXIyv0QbEOrdFT0jQrsL6JRLYHPUWLyU5QsASvyBQdXxSnv+1B\nr+6uAzH5ZnYFlirKVgLVHlFpoQisSdAHL4871Qu+OCsWb1MxkTIrTDIdJWww\nlhPT\r\n=DtC4\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCuvjMUIn4nX5mOmTnR4D2zH9DPCRgC0JZdzzxk5JU/YAIhALENBxoi+DpNXrXl/XWA+7JAfOe7EfyYYdDQfebKom/9"}]},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"_npmUser":{"name":"alexrafael10","email":"alexrafael10@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/vue-avatar_2.4.1_1590503333138_0.2952121923203326"},"_hasShrinkwrap":false}},"time":{"created":"2020-05-26T13:59:01.615Z","2.3.0":"2020-05-26T13:59:01.820Z","modified":"2022-04-04T12:41:29.885Z","2.4.0":"2020-05-26T13:59:31.856Z","2.4.1":"2020-05-26T14:28:53.295Z"},"maintainers":[{"name":"alexrafael10","email":"alexrafael10@gmail.com"}],"description":"Avatar component for Vue.js","homepage":"https://github.com/alexrafael10/vue-avatar#readme","keywords":["avatar","user","vue"],"repository":{"type":"git","url":"git+https://github.com/alexrafael10/vue-avatar.git"},"author":{"name":"eprudhomme@gmail.com"},"bugs":{"url":"https://github.com/alexrafael10/vue-avatar/issues"},"license":"MIT","readme":"# vue-avatar\r\n\r\n[![Build Status](https://travis-ci.org/eliep/vue-avatar.svg?branch=master)](https://travis-ci.org/eliep/vue-avatar)\r\n\r\nAn avatar component for vue.js.\r\n\r\nThis component display an avatar image and if none is provided fallback to the\r\nuser initials. This component is highly inspired from\r\n[react-user-avatar](https://github.com/wbinnssmith/react-user-avatar).\r\n\r\nRules used to compute user initials:\r\n- divide the username on space and hyphen\r\n- use the first letter of each parts\r\n- never use more than three letters as initials\r\n- if the username is divided in more than three parts and has part\r\n starting with an uppercase, skip parts starting with a lowercase.\r\n\r\nYou can find a few examples and the documentation [here](https://eliep.github.io/vue-avatar)\r\n\r\n## Installation\r\n\r\n`npm install vue-avatar`\r\n\r\n## Version\r\n\r\n| Vuejs version | vue-avatar version |\r\n| ------------- | ----------------- |\r\n| ^1.0.18 | ^1.3.0 |\r\n| ^2.0.0 | ^2.0.0 |\r\n\r\n\r\n## Usage\r\nvue-avatar is a UMD module, which can be used as a module in both CommonJS and AMD modular environments.\r\nWhen in non-modular environment, Avatar will be registered as a global variable.

\r\n\r\n### ES6\r\n```js\r\n\r\nimport Avatar from 'vue-avatar'\r\n\r\nexport default {\r\n ...\r\n components: {\r\n Avatar\r\n },\r\n ...\r\n}\r\n```\r\nAfter that, you can use it in your templates:\r\n\r\n```html\r\n\r\n```\r\n\r\n### CommonJS\r\n```js\r\nvar Vue = require('vue')\r\nvar Avatar = require('vue-avatar')\r\n\r\nvar YourComponent = Vue.extend({\r\n ...\r\n components: {\r\n 'avatar': Avatar.Avatar\r\n },\r\n ...\r\n})\r\n```\r\n\r\n### Browser\r\n\r\n```\r\n\r\n\r\n\r\nnew Vue({\r\n ...\r\n components: {\r\n 'avatar': VueAvatar.Avatar\r\n },\r\n ...\r\n})\r\n```\r\n\r\n\r\n## Props\r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n
NameRequiredDefaultTypeDescription
username N - String The user name that will be used to compute user initial.
initials N - String Force the displayed initials by overriding the computed ones.
inline N false Boolean Uses inline-flex instead of flex
src N - String Path to the avatar image to display.
:customStyle N - Object A custom style object to override the base styles.
backgroundColor N - String The avatar background color to use if no image is provided. If none\r\n is specified, a background color will be picked depending on\r\n the user name length.
color N - String The font color used to render the user initials. If none\r\n is provided, the background color is used to compute\r\n the font color.
:lighten N 80 Number A factor by which the background color must be lightened to\r\n produce the font color. Number between [-100,100].
:size N 50 Number The avatar size in pixel.
:rounded N true Boolean True if the avatar must be rounded.
\r\n\r\n## Event\r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n \r\n\r\n
NameArgumentsDescription
@avatar-initialsusername (the value of the username props),\r\n initials (the value of the computed initials or the initials props if any)This event is trigger when the component is ready with component\r\n username and initial.
\r\n\r\n\r\n## Build Setup\r\n``` bash\r\n# install dependencies\r\nnpm install\r\n\r\n# serve gh pages with hot reload at localhost:8080/gh-pages/index.html\r\nnpm run dev\r\n\r\n# build\r\nnpm run bundle\r\n```\r\n## Test\r\n``` bash\r\nnpm test\r\n```\r\n\r\n## License\r\n\r\nReleased under the [MIT](LICENSE) License.\r\n","readmeFilename":"README.md"}