Search…
FocusVisible
Implements a behavior similar to the CSS :focus-visible pseudo class, for browsers that are not supporting it yet. It follows the Chrome implementation, checking for a pointer device rather than a keyboard event.

Usage

import { FocusVisible } from '@aragon/ui'
function App() {
return (
<FocusVisible>
{({ focusVisible, onFocus }) => (
<Child
focusVisible={focusVisible}
onFocus={onFocus}
{...props}
/>
)}
</FocusVisible>
)
}
Last modified 2mo ago
Copy link