Gesso
Components

Avatar

Circular portrait with an image and a sunken fallback.

A Radix avatar ported from Atlas. The root is a 40px circle. AvatarImage fills it. AvatarFallback seats on bg-surface-sunken for initials or a glyph when the image is missing.

SCJKsm

Usage

import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';

<Avatar>
  <AvatarImage src="/me.jpg" alt="Jordan" />
  <AvatarFallback>JK</AvatarFallback>
</Avatar>

Install

shadcn add @gesso/avatar

Badge

Small status and label marks — not Chip.

Chip

Inline filter and selection chips with optional icon and dismiss.

On this page

UsageInstall