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?: < | >) => | , > & & & & & & & {
/**
* Internal: associates this control with a `_Form` rendered outside its
* React subtree via the native `form` attribute. Unstable.
* @internal
*/
_form?: ;
/**
* Internal: routes this control's native/Strato validation messages to the
* field outlet (default), the enclosing form's outlet, or both. Unstable.
* @internal
*/
_messageTarget?: | [];
/**
* 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. |