This component no longer exists. It was in Pure UI’s manifest when we first indexed it and is not there now — the registry served its inventory on 2026-08-10 and this item was not on it. The install command below will fail. It is kept here because a tutorial somewhere still tells people to run it.
button-group-orientation-demo
pure-ui/button-group-orientation-demoRemovedExample
Pure UI publishes no description for this item.
Install it
npx shadcn@latest add https://raw.githubusercontent.com/MusKRI/pure-ui/main/public/r/button-group-orientation-demo.jsonSource
1import { MinusIcon, PlusIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";23import { Button } from "@/registry/pure-ui/ui/button";4import { ButtonGroup } from "@/registry/pure-ui/ui/button-group";56export function ButtonGroupOrientationDemo() {7 return (8 <div className="flex gap-3">9 <ButtonGroup10 orientation="vertical"11 aria-label="Media controls"12 className="h-fit"13 >14 <Button variant="outline" size="icon">15 <PlusIcon />16 </Button>17 <Button variant="outline" size="icon">18 <MinusIcon />19 </Button>20 </ButtonGroup>2122 <ButtonGroup aria-label="Zoom controls" orientation="vertical">23 <Button aria-label="Zoom in" size="icon" variant="outline">24 <ZoomInIcon />25 </Button>26 <Button aria-label="Zoom Out" size="icon" variant="outline">27 <ZoomOutIcon />28 </Button>29 </ButtonGroup>30 </div>31 );32}
What it pulls in
Other registry items
