**Ember Focus Trap**: A Ember modifier to trap your focus.
[View the docs here](https://ember-focus-trap.netlify.app/).
We use [focus-trap](https://github.com/focus-trap/focus-trap) as a lower-level implementation.
It is super lightweight and has minimal dependencies.
Trap focus within a DOM node.
There may come a time when you find it important to trap focus within a DOM node — so that when a user hits `Tab` or `Shift+Tab` or clicks around, she can"t escape a certain cycle of focusable elements.
Please read the [focus-trap](https://github.com/focus-trap/focus-trap) documentation to understand what a focus trap is, what happens when a focus trap is activated, and what happens when one is deactivated.
## Compatibility
* Ember.js v4.16 or above
* Embroider or ember-auto-import v2
* Node.js v20 or above
## Installation
```bash
pnpm add ember-focus-trap
```
or
```bash
npm install ember-focus-trap
```
## Usage
[See demos and read the documentation here](https://josemarluedke.github.io/ember-focus-trap).
Import the modifier and use it in your components:
```gts
import { focusTrap } from 'ember-focus-trap';
```
## Contributing
See the [Contributing](CONTRIBUTING.md) guide for details.
## License
This project is licensed under the [MIT License](LICENSE.md).
