4.0.1 • Published 3 months ago
@chialab/loock v4.0.1
Introducing Loock
- Organize your web page or web application by navigation areas.
- Never lose the context while navigating the area with the
TAB
key. - Leave the context with the
ESC
key.
Install
NPM
npm install @chialab/loock
yarn add @chialab/loock
CDN
import { focusTrapBehavior } from 'https://unpkg.com/@chialab/loock?module';
Usage
import { focusTrapBehavior } from '@chialab/loock';
const dialog = document.getElementById('.dialog');
const trap = focusTrapBehavior(dialog, {
inert: true,
});
dialog.addEventListener('open', () => {
trap.connect();
});
Development
Build
Install the dependencies and run the build
script:
yarn install
yarn build
This will generate the bundles in the dist
folder, as well as the declaration file.
Test
Run the test
script:
yarn test
License
Loock is released under the MIT license.
4.0.1
3 months ago
4.0.0
4 months ago
4.0.0-alpha.3
6 months ago
4.0.0-alpha.1
6 months ago
4.0.0-alpha.2
6 months ago
4.0.0-alpha.0
6 months ago
4.0.0-beta.4
6 months ago
3.3.0
1 year ago
3.2.10
1 year ago
3.2.9
1 year ago
3.2.8
2 years ago
3.2.7
2 years ago
3.2.6
2 years ago
3.2.5
2 years ago
3.2.4
2 years ago
3.2.2
2 years ago
3.2.3
2 years ago
2.2.1
3 years ago
3.2.1
3 years ago
2.2.0
3 years ago
3.1.0
3 years ago
3.0.0
3 years ago
3.0.0-beta.5
3 years ago
3.0.0-beta.3
3 years ago
3.0.0-beta.2
3 years ago
3.0.0-beta.4
3 years ago
3.0.0-beta.1
3 years ago
2.1.0
4 years ago
2.0.2
4 years ago
2.0.1
4 years ago
1.2.0
4 years ago
2.0.0
4 years ago
1.1.4
5 years ago
1.1.3
5 years ago
1.1.2
5 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.8
6 years ago
1.0.7
6 years ago
1.0.6
6 years ago
1.0.5
6 years ago
1.0.4
6 years ago
1.0.3
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago