RtkAvatar

Displays a participant's avatar image or initials-based fallback avatar.

Properties

Property	Type	Required	Default	Description
`participant`	`RTKParticipant \| RTKSelf`	✅	-	The participant whose avatar to display
`iconPack`	`IconPack`	❌	`defaultIconPack`	Custom icon pack
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	Size of the avatar
`variant`	`'circular' \| 'hexagon' \| 'square'`	❌	`'circular'`	Shape variant of the avatar

Usage Examples

Basic Usage

import { RtkAvatar } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkAvatar participant={participant} />;
}

With Properties

import { RtkAvatar } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkAvatar participant={participant} size="lg" variant="circular" />;
}