Skip to content

RtkLogo

Displays a logo from a URL (SVG format) in the meeting header.

Properties

PropertyTypeRequiredDefaultDescription
meetingany-The RealtimeKit meeting instance
configUIConfig-UI configuration object
logoUrlstring-URL of the logo SVG to display
styleStyleProps-Style object with width/height for the logo
tRtkI18n-i18n translation function

Usage Examples

Basic Usage

import { RtkLogo } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkLogo logoUrl="https://example.com/logo.svg" />;
}

With Properties

import { RtkLogo } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return (
<RtkLogo
logoUrl="https://example.com/logo.svg"
style={{ width: 120, height: 40 }}
config={customConfig}
/>
);
}