Skip to content

RtkMenu

A menu container component with placement options.

Properties

PropertyTypeRequiredDefaultDescription
childrenReactNode-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>
);
}