snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
47
apps/v4/examples/radix/menubar-radio.tsx
Normal file
47
apps/v4/examples/radix/menubar-radio.tsx
Normal file
@@ -0,0 +1,47 @@
|
||||
"use client"
|
||||
|
||||
import * as React from "react"
|
||||
|
||||
import {
|
||||
Menubar,
|
||||
MenubarContent,
|
||||
MenubarItem,
|
||||
MenubarMenu,
|
||||
MenubarRadioGroup,
|
||||
MenubarRadioItem,
|
||||
MenubarSeparator,
|
||||
MenubarTrigger,
|
||||
} from "@/styles/radix-nova/ui/menubar"
|
||||
|
||||
export function MenubarRadio() {
|
||||
const [user, setUser] = React.useState("benoit")
|
||||
const [theme, setTheme] = React.useState("system")
|
||||
|
||||
return (
|
||||
<Menubar className="w-72">
|
||||
<MenubarMenu>
|
||||
<MenubarTrigger>Profiles</MenubarTrigger>
|
||||
<MenubarContent>
|
||||
<MenubarRadioGroup value={user} onValueChange={setUser}>
|
||||
<MenubarRadioItem value="andy">Andy</MenubarRadioItem>
|
||||
<MenubarRadioItem value="benoit">Benoit</MenubarRadioItem>
|
||||
<MenubarRadioItem value="luis">Luis</MenubarRadioItem>
|
||||
</MenubarRadioGroup>
|
||||
<MenubarSeparator />
|
||||
<MenubarItem inset>Edit...</MenubarItem>
|
||||
<MenubarItem inset>Add Profile...</MenubarItem>
|
||||
</MenubarContent>
|
||||
</MenubarMenu>
|
||||
<MenubarMenu>
|
||||
<MenubarTrigger>Theme</MenubarTrigger>
|
||||
<MenubarContent>
|
||||
<MenubarRadioGroup value={theme} onValueChange={setTheme}>
|
||||
<MenubarRadioItem value="light">Light</MenubarRadioItem>
|
||||
<MenubarRadioItem value="dark">Dark</MenubarRadioItem>
|
||||
<MenubarRadioItem value="system">System</MenubarRadioItem>
|
||||
</MenubarRadioGroup>
|
||||
</MenubarContent>
|
||||
</MenubarMenu>
|
||||
</Menubar>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user