OddApp Design

Avatar

@oddapp/ui · Tier 1

Circular image or initials fallback representing a user or entity.

Sizes

JDJDJDJD
import { Avatar } from '@oddapp/ui'

<Avatar src="/users/jane.jpg" name="Jane Doe" size="sm" />
<Avatar src="/users/jane.jpg" name="Jane Doe" size="md" />
<Avatar src="/users/jane.jpg" name="Jane Doe" size="lg" />
<Avatar src="/users/jane.jpg" name="Jane Doe" size="xl" />

Fallback

JD
import { Avatar } from '@oddapp/ui'

<Avatar name="Jane Doe" size="md" />