ResizeGroup
A resize group allows you to show and hide controls dynamically as the container size changes.
Examples
Hideable Text
Text element
Usage
Show and hide controls dynamically as the container size changes using a resize group.
APIs
IResizeGroupContext
overflowItemsoptional
ObservableArray<IMenuItem>
IResizeGroupProps
extraItems
Extra items are always forwarded to ResizeGroupContext Consumers as overflowing items.
They do not correpsond with responsive children.
overflowMenuItemsrequired
An array of menu items that correspond to responsiveChildren. Hidden responsive items
will have their corresponding menu items forwarded to ResizeGroupContext Consumers.
responsiveLayoutPropsrequired
IResponsiveLayoutProps
Props to forward to the responsive layout.
useAriaLabelForOverflow
boolean
Optional boolean to keep icons for header bar but expand to have text for overflow menu