Components

Base Avatar

An easily stylable avatar component built with Base UI components.

Loading

Installation

pnpm dlx shadcn@latest add https://reui.io/r/base-avatar.json

Examples

Fallback

Loading

Indicator

Loading

Status

Loading

Badge

Loading

Size

Loading

Group

Loading

Users

Loading

API Reference

This component is based on the Base UI Avatar primitive.

AvatarIndicator

This is a custom component used to display an indicator within the avatar.

Prop	Type	Default
`className`	~~string~~

AvatarStatus

This is a custom component for displaying a status indicator on the avatar.

Prop	Type	Default
`variant`	~~enum~~	`online`
`className`	~~string~~

Credits

Built with Base UI Avatar.

PreviouseAlert Dialog NextBadge

On This Page

Installation
Examples
API Reference
- AvatarIndicator
- AvatarStatus
Credits

Base Avatar - ReUI