ToggleGroup components provide a set of two-state buttons that can be toggled on or off. These components are built on Radix UI primitives and styled with Shadcn UI.

  • Parameters

    • props: (
          (Omit<ToggleGroupSingleProps & RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupMultipleProps & RefAttributes<...>, "ref">) & VariantProps<...>
      ) & RefAttributes<HTMLDivElement>

    Returns ReactNode

Properties

$$typeof: symbol
defaultProps?: Partial<
    (
        ((Omit<ToggleGroupSingleProps & RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupMultipleProps & RefAttributes<...>, "ref">) & VariantProps<...>) & RefAttributes<...>
    ),
>
displayName?: string

Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.

propTypes?: WeakValidationMap<
    (
        ((Omit<ToggleGroupSingleProps & RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupMultipleProps & RefAttributes<...>, "ref">) & VariantProps<...>) & RefAttributes<...>
    ),
>