Skip to main content

Function: FocusGroup()

FocusGroup(props): Element

Defined in: src/widgets/utility/focusGroup.tsx:19

Utility component to implement accessible focus container.

The root component acts as focus group with pre-defined methods to provide keyboard navigation between items (e.g. with arrow keys) and Tab key to move focus to/from container or within currently focused item (if a group item has multiple focusable children).

Parameters​

ParameterTypeDescription

props

{ children: (providedProps) => ReactNode; }

‐

props.children

(providedProps) => ReactNode

Render function for children content with focusable items.

Focusable group root *must use provided FocusGroupProvidedProps.ref ref to properly maintain the focusable state.

Returns​

Element

See​