A toggle group with single selection. | A shadcn/ui and v0 generation

/** * v0 by Vercel. * @see https://v0.dev/t/w2rf6ZeOHep * Documentation: https://v0.dev/docs#integrating-generated-code-into-your-nextjs-app */ import { ToggleGroupItem, ToggleGroup } from "@/components/ui/toggle" export default function Component() { return ( <ToggleGroup className="flex flex-col items-center" type="single"> <ToggleGroupItem aria-label="Toggle neighborhoods" className="flex flex-col items-center" value="neighborhoods"> <HomeIcon className="h-4 w-4" /> Neighborhoods </ToggleGroupItem> <ToggleGroupItem aria-label="Toggle listings" className="flex flex-col items-center" value="listings"> <ListIcon className="h-4 w-4" /> Listings </ToggleGroupItem> </ToggleGroup> ) } function HomeIcon(props) { return ( <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"

Add component to projectLearn more

Log In to Copy Code

History