made with react.js

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

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 Scroll Rotate Rotate elements based on scroll position
#Animation #Utilities
icon-eye-dark Created with Sketch. 3.176
Zustand State-management Library
#Utilities
icon-eye-dark Created with Sketch. 264
Sentry for React React Application Monitoring
💙 Sponsored by Friends
image-chart Created with Sketch.
Looking for a React.js Admin Template? Find the best ones here!
SHOW REACT ADMIN TEMPLATES
Reatom State Management Library
#Utilities
icon-eye-dark Created with Sketch. 129
React Hyper Fetch Data Fetching Library
#Utilities
icon-eye-dark Created with Sketch. 357
View all Projects
COMMUNITY SPONSORS
Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more 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