useFocusTrap

How to install and use Orbit's useFocusTrap hook.

useFocusTrap

To implement the useFocusTrap hook in your component, add the import:

import useFocusTrap from "@kiwicom/orbit-components/lib/hooks/useFocusTrap";

Then you can use it:

const Component = (props: Props) => {
const ref = React.useRef(null);
useFocusTrap(ref);
return <OtherComponent ref={ref}>...etc</OtherComponent>;
};

Props

The table below contains all parameters available to the useFocusTrap hook.

NameTypeDescription
reffuncComponent reference