made with react.js

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

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 Use Cart Shopping Cart Hook
#Utilities
icon-eye-dark Created with Sketch. 4.220
Drei Helpers for react-three-fiber
#UI Components #Utilities
icon-eye-dark Created with Sketch. 579
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
Flume Node Editor & Runtime Engine
#UI Components #Utilities
icon-eye-dark Created with Sketch. 924
Evento Component Events in React
#Utilities
icon-eye-dark Created with Sketch. 1.489
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more The JSCharting data visualization library includes 150+ advanced chart types that you can seamlessly use in your React apps Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more React application monitoring by Sentry provides actionable insights to resolve performance bottlenecks and errors Learn more