Content Size

Words' sizing would be auto adjusted in avatar.

<n-avatar>{{ value }}</n-avatar>
<n-avatar circle>{{ value }}</n-avatar>
<n-avatar circle>the <br>{{ value }}</n-avatar>
<n-input v-model="value"/>

export default {
  data () {
    return {
      value: 'Oasis'
    }
  }
}

.n-avatar {
  margin: 0 8px 12px 0;
}