MenubarRadioItem

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

Props

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

Example

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

export const Basic = () => {
    const ref = React.useRef<HTMLDivElement>(null);
    useOpenMenu(ref, 0);
    return (
        <div ref={ref} className="p-4 h-[260px]">
            <Menubar>
                <MenubarMenu>
                    <MenubarTrigger>View</MenubarTrigger>
                    <MenubarPortal>
                        <MenubarContent>
                            <MenubarRadioGroup value="dark">
                                <MenubarRadioItem value="light">
                                    <MenubarItemIndicator/>
                                    Light
                                </MenubarRadioItem>
                                <MenubarRadioItem value="dark">
                                    <MenubarItemIndicator/>
                                    Dark
                                </MenubarRadioItem>
                                <MenubarRadioItem value="system">
                                    <MenubarItemIndicator/>
                                    System
                                </MenubarRadioItem>
                            </MenubarRadioGroup>
                        </MenubarContent>
                    </MenubarPortal>
                </MenubarMenu>
            </Menubar>
        </div>
    );
};