Interface FocusScopeProviderProps

Props of a FocusScope component.

interface FocusScopeProviderProps {
    approveFocusCandidate?: ((element: FocusableElement) => boolean);
    children?: ReactNode;
    containerRef: RefObject<Element>;
    isAutofocused?: boolean;
    isFocusRestored?: boolean;
    isFocusTrap?: boolean;
    isScrollPrevented?: boolean;
}

Hierarchy (view full)

Properties

approveFocusCandidate? children? containerRef isAutofocused? isFocusRestored? isFocusTrap? isScrollPrevented?

Properties

OptionalapproveFocusCandidate

approveFocusCandidate?: ((element: FocusableElement) => boolean)

Returns true if an element is allowed to receive focus. By default, all candidates are approved.

See

Optionalchildren

children?: ReactNode

Children rendered in a focus scope.

containerRef

containerRef: RefObject<Element>

A ref to a container element inside which focus state is managed.

OptionalisAutofocused

isAutofocused?: boolean

If true then focuses the first approved candidate element inside a container when a scope is mounted.

By default, autofocus is enabled if the focus ring is visible.

OptionalisFocusRestored

isFocusRestored?: boolean

If true then focus is restored to the element that was focused before this scope was mounted.

By default, focus is restored if the focus ring is visible.

OptionalisFocusTrap

isFocusTrap?: boolean

If true then focus won't be able to leave the scope.

Default

false

OptionalisScrollPrevented

isScrollPrevented?: boolean

If true no scrolling will occur after element receives focus, otherwise the browser scrolls the document to bring the newly-focused element into view.

Default

false

Settings

Member Visibility

On This Page

Properties