A react hook based on https://github.com/WICG/focus-visible
npm install use-focus-visible> A react hook based on https://github.com/WICG/focus-visible
> This package is a very slightly modified implementation of the work of Jeroen Ransijn. See the original source here:
 
``bash`
npm install use-focus-visible`
ORbash`
yarn add use-focus-visible
`tsx
import React from 'react'
import { FocusVisibleManager, useFocusVisible} from 'use-focus-visible'
function Button(props) {
const { focusVisible, onFocus, onBlur } = useFocusVisible();
return (
style={{ outline: focusVisible ? "2px solid black" : "none" }}
onFocus={onFocus}
onBlur={onBlur}
>
{props.children} {focusVisible ? "yes" : "no"}
)
}
function App() {
render() {
return (
);
}
}
``
This project was created using create-react-library
MIT © dipunm