MenubarTrigger

import { MenubarTrigger } from "@rebasepro/ui";

Props

Prop	Type	Required	Description
children	React.ReactNode	yes
onSelect	(event: React.SyntheticEvent) => void	—
className	string	—

Example

This is the example the design-system sync renders and verifies for this component.

import { Menubar, MenubarMenu, MenubarTrigger } from "@rebasepro/ui";

// Idle row — the trigger's resting style within a bar of menus.
export const Idle = () => (
    <div className="p-4">
        <Menubar>
            <MenubarMenu>
                <MenubarTrigger>File</MenubarTrigger>
            </MenubarMenu>
            <MenubarMenu>
                <MenubarTrigger>Edit</MenubarTrigger>
            </MenubarMenu>
            <MenubarMenu>
                <MenubarTrigger>View</MenubarTrigger>
            </MenubarMenu>
            <MenubarMenu>
                <MenubarTrigger>Help</MenubarTrigger>
            </MenubarMenu>
        </Menubar>
    </div>
);