... | |
const ToggleRow = ({ option }) => { | |
const [active, setActive] = useState(false); | |
// onKeyDown function for handling enter (13) press | |
function handleToggle(e) { | |
e.keyCode === 13 && setActive(!active); | |
} | |
return ( | |
<div className={styles.toggleRow}> | |
{option} | |
<label className={styles.toggle} tabIndex='0' onKeyDown={e => handleToggle(e)}> // add onKeyDown function | |
<input | |
... |