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 MenuSelectionSingle() {
let [selected, setSelected] = React.useState<Selection>(new Set(["center"]))
return (
<MenuTrigger>
<Button variant="outline">Align</Button>
<MenuPopover>
<Menu
selectionMode="single"
selectedKeys={selected}
onSelectionChange={setSelected}
>
<MenuItem id="left">Left</MenuItem>
<MenuItem id="center">Center</MenuItem>
<MenuItem id="right">Right</MenuItem>
</Menu>
</MenuPopover>
</MenuTrigger>
)
}