ChipGroup

Use the ChipGroup component to group multiple Chips in an expandable container.

OverviewPropertiesUsage

ChipGroupProps

Signature:

export declare type ChipGroupProps = & ( | ) & ;

ChipGroupBaseProps

extends, ,

Name	Type	Default	Description
disabled?		false	Whether the chip group is disabled. If set to true, all the chips inside the group are disabled, unless explicitly overridden.
size?	[]	default	The size of the spacing and chips in the group. All the chips match the size of the group, but can be overridden individually.
onExpandedChange?	(state: ) =>	-	Callback triggered when the expanded state changes.

ChipGroupControlledProps

Name	Type	Default	Description
expanded?		-	Whether the chip group is expanded.

ChipGroupUncontrolledProps

Name	Type	Default	Description
defaultExpanded?		-	Whether the chip group is expanded by default.

ChipGroup.Control

ChipGroupControlProps

extends, ,

Name	Type	Default	Description
display?	|	inferred from the`expanded`/`defaultExpanded`prop of the`ChipGroup`	Whether to show more chips or collapse chips. If undefined, the action is inferred. If no more items are available and all items fit in one line, the control is automatically hidden unless display is set.
count?	|	undefined	Whether to render `Show more` or `Show x more` by default. If true, the count is calculated automatically. The count can be overridden by passing a number.
loading?		false	Whether the control should show the loading indicator.
onClick?	.<>	-	Callback triggered when the control is interacted with.