"use client"; import type { Toggle as TogglePrimitive } from "@base-ui/react/toggle"; import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group"; import type { VariantProps } from "class-variance-authority"; import * as React from "react"; import { cn } from "@/registry/default/lib/utils"; import { Separator } from "@/registry/default/ui/separator"; import { Toggle as ToggleComponent, type toggleVariants, } from "@/registry/default/ui/toggle"; export const ToggleGroupContext: React.Context< VariantProps > = React.createContext>({ size: "default", variant: "default", }); export function ToggleGroup({ className, variant = "default", size = "default", orientation = "horizontal", children, ...props }: ToggleGroupPrimitive.Props & VariantProps): React.ReactElement { return ( {children} ); } export function ToggleGroupItem({ className, children, variant, size, ...props }: TogglePrimitive.Props & VariantProps): React.ReactElement { const context = React.useContext(ToggleGroupContext); const resolvedVariant = context.variant || variant; const resolvedSize = context.size || size; return ( {children} ); } export function ToggleGroupSeparator({ className, orientation = "vertical", ...props }: { className?: string; } & React.ComponentProps): React.ReactElement { return ( ); } export { ToggleGroupPrimitive };

Toggle Group

Instalação

Dependências

Registry dependencies