Skip to content
master
Switch branches/tags
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

React TabGuard

React TabGuard example

Installation:

npm install react-tabguard

Why?

There is no easy way to limit tabbing to a specified area inside your HMTL document. The typical use case where you want to restrict this behavior would be modal dialogs or lightboxes with forms. It’s not desirable to lose focus on the overlay window when tabbing, that's why we created React TabGuard to save the day.

Usage:

'use strict';

let React = require('react');
let TabGuard = require('react-tabguard');

let App = React.createClass({
  render: function() {
    return (
      <TabGuard>
        <input type="text" placeholder="Name"/>
        <input type="number" placeholder="Age"/>
        <button>Send</button>
      </TabGuard>
    );
  }
});

React.render(<App />, document.getElementById('content'));

About

Limit tabbing within specified area with an ease

Resources

License

Releases

No releases published

Packages

No packages published