Components

Avatar

Circular avatar with fallback initials and status dot.

Preview

JDNX

Installation

pnpm add nyxis-ui

Usage

import { Avatar } from 'nyxis-ui';
// or, for stricter tree-shaking:
// import { Avatar } from 'nyxis-ui/avatar';

<Avatar>
  <AvatarImage src="/julio.png" alt="@juliodaal" />
  <AvatarFallback>JD</AvatarFallback>
</Avatar>;