KeyboardShortcuts

Children of this component get’s connected to the gived shortcut. Can also be added to the global document if the component doesn’t have children. 

<KeyboardShortcuts
	shortcuts={ {
		'shift+y': (e) => console.log(e),
	} }
>
	<RichText value={ props.attributes.text} onChange={newValue => console.log(newValue)} />
</KeyboardShortcuts>

Works best with form elements.

Not sure how the bind global prop works.

GitHub URL
Classification

Category

Components