Avatar component for Vue.js that renders an img tag instead of a custom tag

vue-initials-img

An avatar component for Vue.js to display an avatar image, that renders an img tag instead of a custom tag, for easier use with Vuetify.js. Influenced by vue-letter-avatar.

For example, Milk Man becomes MM

Example

Installation

yarn add vue-initials-img

Usage

import VueInitialsImg from 'vue-initials-img'

Vue.use(VueInitialsImg)

the markup

<vue-initials-img :name="'Milk Man'" size="100"/>

Properties

  • name: the name of avatar
  • size: the size of avatar

For example, Milk Man becomes MM

If you are interested in more or you have any bugs and suggestions, click here. That's it!