@wordpress/block-library/src/heading/variations.js

Block library for the WordPress editor.

import { __, sprintf } from '@wordpress/i18n';
import {
	headingLevel1,
	headingLevel2,
	headingLevel3,
	headingLevel4,
	headingLevel5,
	headingLevel6,
} from '@wordpress/icons';

const LEVEL_ICONS = [
	headingLevel1,
	headingLevel2,
	headingLevel3,
	headingLevel4,
	headingLevel5,
	headingLevel6,
];

const variations = [
	...[ 1, 2, 3, 4, 5, 6 ].map( ( level ) => ( {
		name: `h${ level }`,
		title: sprintf(
			/* translators: %d: heading level e.g: "1", "2", "3" */
			__( 'Heading %d' ),
			level
		),
		description: __(
			'Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.'
		),
		icon: LEVEL_ICONS[ level - 1 ],
		attributes: { level },
		scope: [ 'block', 'transform' ],
		keywords: [ `h${ level }` ],
		isActive: ( blockAttributes ) => blockAttributes.level === level,
		shortcut: {
			name: `core/block-editor/transform-to-heading-${ level }`,
			description: sprintf(
				/* translators: %d: heading level e.g: "1", "2", "3" */
				__( 'Transform the selected block into a heading %d.' ),
				level
			),
			keyCombination: {
				modifier: 'access',
				character: `${ level }`,
			},
		},
	} ) ),
];

export default variations;