made with react.js

#Utilities
icon-eye-dark Created with Sketch. 333

Focus Trap React

Trap Focus within a DOM Node

Visit Site

Description

Trap Focus within a DOM Node

"focus-trap-react is a React component that traps focus.

It is a light wrapper around focus-trap, tailored to React-specific needs. Use it to create and manage a focus trap. You might want it for, say, building an accessible modal.

It automatically activates when mounted, deactivates when unmounted and can be activated/deactivated, paused/unpaused via props."

Social Media Links

Related Projects


React Markdown Markdown Component
#Utilities
icon-eye-dark Created with Sketch. 2.668
React I18nify Translation & Localization Library
#Utilities
icon-eye-dark Created with Sketch. 142
Sentry for React React Application Monitoring
💙 Sponsored by Friends
We’re hosting on Digital Ocean! 💙 Try it today and get a free $100 credit.
try now
React Responsive Media Queries in React
#Utilities
icon-eye-dark Created with Sketch. 810
React Hook Form 📋 React Hooks for Form Validation
#Utilities #Forms
icon-eye-dark Created with Sketch. 1.444
View all Projects
COMMUNITY SPONSORS
The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your React & Next.js projects Learn more