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

apps/v4/examples/base/toggle-group-vertical.tsx

@@ -0,0 +1,27 @@
+import { BoldIcon, ItalicIcon, UnderlineIcon } from "lucide-react"
+
+import {
+  ToggleGroup,
+  ToggleGroupItem,
+} from "@/styles/base-nova/ui/toggle-group"
+
+export function ToggleGroupVertical() {
+  return (
+    <ToggleGroup
+      multiple
+      orientation="vertical"
+      spacing={1}
+      defaultValue={["bold", "italic"]}
+    >
+      <ToggleGroupItem value="bold" aria-label="Toggle bold">
+        <BoldIcon />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="italic" aria-label="Toggle italic">
+        <ItalicIcon />
+      </ToggleGroupItem>
+      <ToggleGroupItem value="underline" aria-label="Toggle underline">
+        <UnderlineIcon />
+      </ToggleGroupItem>
+    </ToggleGroup>
+  )
+}