Description

• Prevents the user from tabbing outside of the popovers / tooltip.
• It creates a tabindex loop so that Tab (Shift Tab) will focus the element.
• Support focus: [tabindex], a, button, input, select, textarea.
• Wrapper @copyright beta: testing.

Usage

Install the package

npm install react-tabloop-z

Import the module in the place you want to use:

import TabLoop from "react-tabloop-z";

Snippet

    <TabLoop>
      <Tooltip>
        <input type="text" >
        <input type="text" >
        <input type="text" >
        ...
      </Tooltip>
    </TabLoop>

    <TabLoop>
      <ChildComponent />
    </TabLoop>

Props

see index.d.ts

Note

Run

LIVE EXAMPLE

License

MIT