Inserter: Add keyboard shortcut styling to "/" in the default tip (#1…

…8623)
WordPress · Nov 20, 2019 · 5a07721 · 5a07721
1 parent c7d00c6
commit 5a07721
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js
@@ -23,7 +23,11 @@ import classnames from 'classnames';
  */
 import { speak } from '@wordpress/a11y';
 import { __, _n, _x, sprintf } from '@wordpress/i18n';
-import { Component, createRef } from '@wordpress/element';
+import {
+	Component,
+	__experimentalCreateInterpolateElement,
+	createRef,
+} from '@wordpress/element';
 import {
 	PanelBody,
 	withSpokenMessages,
@@ -435,8 +439,9 @@ export class InserterMenu extends Component {
 									</p>
 								</div>
 								<Tip>
-									{ __(
-										'While writing, you can press "/" to quickly insert new blocks.'
+									{ __experimentalCreateInterpolateElement(
+										__( 'While writing, you can press <kbd>/</kbd> to quickly insert new blocks.' ),
+										{ kbd: <kbd /> }
 									) }
 								</Tip>
 							</div>