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

apps/v4/examples/aria/button-group-nested.tsx

@@ -0,0 +1,34 @@
+import { AudioLinesIcon, PlusIcon } from "lucide-react"
+
+import { Button } from "@/styles/aria-nova/ui/button"
+import { ButtonGroup } from "@/styles/aria-nova/ui/button-group"
+import { Input } from "@/styles/aria-nova/ui/input"
+import {
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
+} from "@/styles/aria-nova/ui/input-group"
+import { Tooltip, TooltipTrigger } from "@/styles/aria-nova/ui/tooltip"
+
+export function ButtonGroupNested() {
+  return (
+    <ButtonGroup>
+      <ButtonGroup>
+        <Button variant="outline" size="icon">
+          <PlusIcon />
+        </Button>
+      </ButtonGroup>
+      <ButtonGroup>
+        <InputGroup>
+          <InputGroupInput placeholder="Send a message..." />
+          <TooltipTrigger>
+            <InputGroupAddon align="inline-end">
+              <AudioLinesIcon />
+            </InputGroupAddon>
+            <Tooltip>Voice Mode</Tooltip>
+          </TooltipTrigger>
+        </InputGroup>
+      </ButtonGroup>
+    </ButtonGroup>
+  )
+}