RtkNameTag

A component which shows a participant's name.

Properties

Property	Type	Required	Default	Description
iconPack	IconPack	❌	defaultIconPack	Icon pack
isScreenShare	boolean	✅	-	Whether it is used in a screen share view
meeting	Meeting	✅	-	Meeting object
participant	Peer	✅	-	Participant object
size	Size	✅	-	Size
t	RtkI18n	❌	useLanguage()	Language
variant	RtkNameTagVariant	✅	-	Name tag variant

Usage Examples

Basic Usage

import { RtkNameTag } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return <RtkNameTag />;
}

With Properties

import { RtkNameTag } from '@cloudflare/realtimekit-react-ui';

function MyComponent() {
  return (
    <RtkNameTag
      isScreenShare={true}
      meeting={meeting}
      participant={participant}
    />
  );
}

Explain Code