Avatar - Pharen

Use Avatar to represent a person, team, or agent. This page covers every Vue component exported by the public module.

Install the package and import its styles once. See Installation for the complete setup.

Import

import { Avatar, AvatarBadge, AvatarFallback, AvatarImage, AvatarUser } from '@pharen/ui';

Example

<script setup lang="ts">
import { Avatar, AvatarFallback, AvatarImage } from '@pharen/ui';
</script>

<template>
  <Avatar>
    <AvatarImage src="/people/johannes.jpg" alt="Johannes Kanthak" />
    <AvatarFallback>JK</AvatarFallback>
  </Avatar>
</template>

Exports

Export	Purpose
`Avatar`	Exported Vue component from this module.
`AvatarBadge`	Exported Vue component from this module.
`AvatarFallback`	Exported Vue component from this module.
`AvatarImage`	Exported Vue component from this module.
`AvatarUser`	Exported Vue component from this module.

Source

Open the source on GitHub