Skip to content
On this page

Username

This property is required to display initials in the component. The first three capital letters from the sentence will be rendered in the component

Prop nameTypeDefault value
usernameStringVue Avatar

Code example

vue
<template>
  <vue-avatar username="Some User" />
  <vue-avatar username="John Doe" />
  <vue-avatar username="SM" />
  <vue-avatar username="John Doe-Sam" />
</template>

Demo

SU
JD
SM
JDS