ResizeGroup

A resize group allows you to show and hide controls dynamically as the container size changes.

Examples

Hideable Text
 Text element 

Contents

UsageAPIs

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

Loaded ResizeGroup page