[ Web Proxy ]
URL:
Viewing: https://developers.cloudflare.com/realtime/realtimekit/ui-kit/api-reference/react/rtknametag/ [Back]  [Original]

RtkNameTag Cloudflare Realtime docsSkip to content
SearchCtrlKLog in
  1. Home
  2. /Realtime
  3. /
  4. /React
  5. /RtkNameTag

RtkNameTag

Last updated Apr 21, 2026Copy as MarkdownView as MarkdownAgent setup
OverviewPropertiesUsage ExamplesBasic UsageWith Properties

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}
    />
  );
}
PreviousRtkMuteAllConfirmationNextRtkNetworkIndicator

Was this helpful?

YesNo
Edit pageReport issue
[]

Web Proxy Viewer  |  New URL  |  Original Page