Features

🔒 Focus Trapping

🔄 Focus Restoration

🧭 Focus Order Management

✅ Keyboard Navigation

🎨 Custom Focus Indicators

👁️ Focus Visibility

⚡️ Auto Focus

📢 Screen Reader Announcements

🚀 High Performance

Installation

To install the React Refocus library, use the following command:

npm install react-refocus

Alternatively, if you use Yarn:

yarn add react-refocus

Getting Started

import { FocusTrap } from 'react-refocus';

const MyComponent = () => (
<FocusTrap>
<div>
<button>Button 1</button>
<button>Button 2</button>
</div>
</FocusTrap>
);

API Reference

See Documentation for complete API reference.

Contributing

We welcome contributions from the community to make React Refocus better. If you find any issues or have suggestions for improvements, feel free to contribute or open an issue on our GitHub Repository.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Something Missing?

If you find any issues or have suggestions for improvements, feel free to contribute or open an issue on our GitHub Repository. We welcome contributions from the community to make React Refocus better.