Toggle Group

Group of mutually-exclusive or multi-select toggle buttons.

Generated from the package's public source.

API

                        Item(props: ToggleGroupItemProps): Element

children: Element

                        Root(props: ToggleGroupRootProps): Element

class?: string
defaultValue?: string[] — Default value (uncontrolled).
disabled?: boolean
onValueChange?: (value: string[]) => void — Called when the selected values change.
orientation?: "horizontal" | "vertical" — Layout orientation.
style?: string | CSSProperties
type?: "single" | "multiple" — Selection mode: "single" allows one active item, "multiple" allows many.
value?: Accessor<string[] | undefined> — Controlled value.

children: Element

children: Element

class?: string
defaultValue?: string[] — Default value (uncontrolled).
disabled?: boolean
onValueChange?: (value: string[]) => void — Called when the selected values change.
orientation?: "horizontal" | "vertical" — Layout orientation.
style?: string | CSSProperties
type?: "single" | "multiple" — Selection mode: "single" allows one active item, "multiple" allows many.
value?: Accessor<string[] | undefined> — Controlled value.

children: Element