snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/examples/aria/dropdown-menu-checkboxes-icons.tsx

@@ -0,0 +1,47 @@
+"use client"
+
+import * as React from "react"
+import { BellIcon, MailIcon, MessageSquareIcon } from "lucide-react"
+import type { Selection } from "react-aria-components"
+
+import { Button } from "@/styles/aria-nova/ui/button"
+import {
+  DropdownMenu,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuTrigger,
+} from "@/styles/aria-nova/ui/dropdown-menu"
+
+export function DropdownMenuCheckboxesIcons() {
+  const [notifications, setNotifications] = React.useState<Selection>(
+    new Set(["email", "push"])
+  )
+
+  return (
+    <DropdownMenuTrigger>
+      <Button variant="outline">Notifications</Button>
+      <DropdownMenu className="w-48">
+        <DropdownMenuGroup
+          selectionMode="multiple"
+          selectedKeys={notifications}
+          onSelectionChange={setNotifications}
+        >
+          <DropdownMenuLabel>Notification Preferences</DropdownMenuLabel>
+          <DropdownMenuItem id="email">
+            <MailIcon />
+            Email notifications
+          </DropdownMenuItem>
+          <DropdownMenuItem id="sms">
+            <MessageSquareIcon />
+            SMS notifications
+          </DropdownMenuItem>
+          <DropdownMenuItem id="push">
+            <BellIcon />
+            Push notifications
+          </DropdownMenuItem>
+        </DropdownMenuGroup>
+      </DropdownMenu>
+    </DropdownMenuTrigger>
+  )
+}