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" /> + + +