Avatars - hextastudio/ui

hextastudio/ui needs your support to stay running 🫶 Help us

Preview

Installation

bash

npx hexta-ui add avatar

tsx

import { Avatar } from "@/components/hexta-ui/Avatar";

Preview

Usage

tsx

<Avatar avatarUrl="/path/to/avatar.jpg" />

Preview

Usage

tsx

<Avatar variant="withStatus" avatarUrl="https://placeholder.co/80" size={80} />

                
<Avatar variant="withStatus" avatarUrl="https://placeholder.co/80" size={80} offline/>

Preview

Usage

tsx

 <Avatar variant="withBadge" avatarUrl="https://placeholder.co/80" size={80} badgeNumber={5} />

Props Information

Prop Name

Prop Type

Default Value

Description

Prop Name	Prop Type	Default Value	Description