Avatar

An image element with a fallback for representing the user.

CC

Installation

npx @kosori/cli add components avatar

Usage

import { Avatar, AvatarFallback, AvatarImage } from '~/components/ui/avatar';
<Avatar>
  <AvatarImage src='https://github.com/codingcodax.png' />
  <AvatarFallback>CC</AvatarFallback>
</Avatar>

Reference

PropTypeDefault
shape
enum
round
size
enum
medium

Examples

Shapes

CCCC

Sizes

CCCCCC

On this page