RtkMenu

A menu container component with placement options.

Properties

Property	Type	Required	Default	Description
children	ReactNode	✅	-	Menu content
size	'lg' | 'md' | 'sm' | 'xl'	✅	-	Size variant
placement	'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start'	✅	-	Menu placement relative to trigger

Usage Examples

Basic Usage

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

function MyComponent() {
  return (
    <RtkMenu size="md" placement="bottom">
      <Text>Menu content</Text>
    </RtkMenu>
  );
}

With Properties

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

function MyComponent() {
  return (
    <RtkMenu size="lg" placement="bottom-start">
      <Text>Menu content</Text>
    </RtkMenu>
  );
}