Components
Loading preview...
Here is Menu component
@jollyshopland
npx shadcn@latest add https://21st.dev/r/jollyshopland/menu-1import React from "react"
import type { Selection } from "react-aria-components"
import { Button } from "@/components/ui/button-1"
import {
Menu,
MenuItem,
MenuPopover,
MenuTrigger,
} from "@/components/ui/menu-1"
export default function MenuSelectionMultiple() {
let [selected, setSelected] = React.useState<Selection>(
new Set(["sidebar", "console"])
)
return (
<MenuTrigger>
<Button variant="outline">View</Button>
<MenuPopover>
<Menu
selectionMode="multiple"
selectedKeys={selected}
onSelectionChange={setSelected}
>
<MenuItem id="sidebar">Sidebar</MenuItem>
<MenuItem id="searchbar">Searchbar</MenuItem>
<MenuItem id="tools">Tools</MenuItem>
<MenuItem id="console">Console</MenuItem>
</Menu>
</MenuPopover>
</MenuTrigger>
)
}