配置オプション付きのメニューコンテナコンポーネントです。
| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
children |
ReactNode |
✅ | - | メニューの内容 |
size |
'lg' | 'md' | 'sm' | 'xl' |
✅ | - | サイズバリアント |
placement |
'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start' |
✅ | - | トリガーに対するメニューの配置 |
import { RtkMenu } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return (
<RtkMenu size="md" placement="bottom">
<Text>Menu content</Text>
</RtkMenu>
);
}import { RtkMenu } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return (
<RtkMenu size="lg" placement="bottom-start">
<Text>Menu content</Text>
</RtkMenu>
);
}