diff --git a/packages/ui/src/components/va-avatar/VaAvatar.stories.ts b/packages/ui/src/components/va-avatar/VaAvatar.stories.ts
index 54250ba8e2..a0d715a55c 100644
--- a/packages/ui/src/components/va-avatar/VaAvatar.stories.ts
+++ b/packages/ui/src/components/va-avatar/VaAvatar.stories.ts
@@ -10,8 +10,8 @@ export default {
export const Default = () => ({
components: { VaAvatar },
template: `
-
`,
@@ -62,21 +62,21 @@ export const SizesConfig = () => ({
components: { VaAvatar },
template: `
[small: 16px]
-
Text
[medium: 24px]
-
Text
[large: 32px]
-
@@ -123,6 +123,11 @@ export const FallbackText = () => ({
template: '',
})
+export const FallbackTextNoSrc = () => ({
+ components: { VaAvatar },
+ template: '',
+})
+
export const fallbackRender = () => ({
components: { VaAvatar },
methods: {
diff --git a/packages/ui/src/components/va-avatar/VaAvatar.vue b/packages/ui/src/components/va-avatar/VaAvatar.vue
index f3c7552e9a..f4a79a258f 100644
--- a/packages/ui/src/components/va-avatar/VaAvatar.vue
+++ b/packages/ui/src/components/va-avatar/VaAvatar.vue
@@ -24,6 +24,9 @@
v-else-if="$props.icon"
:name="$props.icon"
/>
+
+
+