made with react.js

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

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 Notion Notion Renderer
#Utilities
icon-eye-dark Created with Sketch. 2.284
React Mentions @mention People in Textareas
#UI Components #Utilities
icon-eye-dark Created with Sketch. 3.083
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 Popper Tooltip & Popover Positioning Engine
#Utilities
icon-eye-dark Created with Sketch. 3.023
Proppy Functional props composition for components
#Utilities
icon-eye-dark Created with Sketch. 316
View all Projects
COMMUNITY SPONSORS
Placid is a creative automation API & toolkit that lets you generate custom visuals at scale Learn more Storyblok is a headless CMS offering powerful APIs and visual editing for the content in your React & Next.js projects Learn more Bryntum offers a modern web component suite including a grid, scheduler, calendar & more – all integrating with React Learn more React Bricks is a CMS with visual editing for Next.js, Gatsby and Remix, making content editing fun for developers & editors 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