ToggleButtonGroup
ToggleButtonGroup lets users toggle between a set of related options,
typically with one preselected. It's best for switching between views or a
compact group of options with immediate effect.
ToggleButtonGroupProps
Signature:
export declare type ToggleButtonGroupProps = <, (value: , event?: < | >) => | > & & & & & & & {
/**
* The width of the ToggleButtonGroup.
* @defaultValue
*/
width?: | | ..< & {}>;
};Item
The ToggleButtonGroup.Item component is used to render individual elements
within the ToggleButtonGroup.
ToggleButtonGroupItemProps
Signature:
export declare type ToggleButtonGroupItemProps = <, > & & & & & & & {
/** When a tooltip is provided, text is shown on hover. */
tooltip?: ;
/**
* Zero or more items in a group can be checked.
* @defaultValue false
* @deprecated unused, will be removed
*/
checked?: ;
/**
* Indicates if the mover is currently over the item.
* @defaultValue false
* @deprecated unused, will be removed
*/
hovered?: ;
};Prefix
The ToggleButtonGroup.Prefix component serves as a container for
manually-placed icons that appear before the text of the
ToggleButtonGroup.Item.
ToggleButtonGroupPrefixProps
extends
, , | Name | Type | Default | Description |
|---|---|---|---|
children | | Elements to be displayed in the Button Prefix slot. |
Suffix
The ToggleButtonGroup.Suffix component serves as a container for
manually-placed icons that appear after the text of the
ToggleButtonGroup.Item.
ToggleButtonGroupSuffixProps
extends
, , | Name | Type | Default | Description |
|---|---|---|---|
children | | Elements to be displayed in the Button Suffix slot. |