Inline block for avatar

[Fizer Khan (பைசர் கான்)]

Most of the time, avatar will be followed by full name. Since the avatar has div element, it pushes the name text to the next line. Can you make avatar as inline-block by default? Otherwise can you provide a props to do it?

[Diego Jara]

Version 2.1.1; You can add custom styles

<avatar username="Hubert-Félix Thiéfaine" :customStyle="{ 'display´: 'inline-block'}"></avatar>

[Fizer Khan (பைசர் கான்)]

@saintplay Thanks. 👍

[Matt Grande]

Is there a way I can set a default custom style throughout my whole site? Or would I be better off creating a wrapper component, and using that everywhere?

[Diego Jara]

You can customize the .vue-avatar--wrapper class like

.vue-avatar--wrapper {
  display: inline-block !important;
}