components key events gutenberg code example

Example: components key events gutenberg

import { KeyboardShortcuts } from '@wordpress/components';
import { withState } from '@wordpress/compose';
 
const MyKeyboardShortcuts = withState( {
    isAllSelected: false,
} )( ( { isAllSelected, setState } ) => { 
    const selectAll = () => {
        setState( { isAllSelected: true } )
    };
 
    return (
        <div>
            <KeyboardShortcuts shortcuts={ {
                'mod+a': selectAll,
            } } />
            [cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }
        </div>
    ) 
} )