Function ToggleGroup

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.

See

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

    Parameters

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

    Returns ReactNode

Properties

$$typeof defaultProps? displayName? propTypes?

Properties

Readonly$$typeof

$$typeof: symbol

OptionaldefaultProps

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

Deprecated

Use values for destructuring assignments instead.

OptionaldisplayName

displayName?: string

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

See

Legacy React Docs

OptionalpropTypes

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

Settings

Member Visibility

On This Page

Properties