Shortcut

Shortcut component is used to display keyboard shortcuts, and it can be customized with a custom display and aria label if needed.

import { Shortcut } from '@wordpress/components';

LinksPermalink to this section

Name Default Description

Name	Default	Description
`className`		`string` Classname to apply to the shortcut.
`shortcut`		`string \| { display: string; ariaLabel: string; } \| undefined` Shortcut configuration

className

string

Classname to apply to the shortcut.

shortcut

string | { display: string; ariaLabel: string; } | undefined

Shortcut configuration

const Default = ( props ) => {
	return <Shortcut shortcut="Ctrl + S" { ...props } />;
};

const WithAriaLabel = ( props ) => {
	return <Shortcut shortcut="Ctrl + S" { ...props } />;
};