Components
Client Only
Installation
pnpm dlx @docyrus/cli add @docyrus/ui-avatar-thumbnailUsage
import {
AvatarThumbnail
} from "@docyrus/ui/components/avatar-thumbnail";
<AvatarThumbnail
shape="rounded"
ref={...}
icon={...}
color={...}
image={...}
/>Shape
| Shape | Description |
|---|---|
rounded | Rounded — rounded-md |
circle | Circle — rounded-full |
square | Square — rounded-none |
API Reference
| Prop | Type | Default |
|---|---|---|
shape | "rounded" | "circle" | "square" | "default" |
ref | Ref<HTMLDivElement> | — |
icon | string | null | — |
color | string | null | — |
image | { signed_url?: string | null; file_name?: string } | null | — |
className | string | — |