Block Styles - markhowellsmead/helpers GitHub Wiki

Register block style

If you want to set a custom style as default then use isDefault: true. domReady is not necessary here.

import { registerBlockStyle } from '@wordpress/blocks';
registerBlockStyle('core/button', {
	name: 'arrow',
	label: 'Arrow',
	isDefault: true,
});

Unregister block styles

For example from the core/button block.

import { registerBlockStyle, unregisterBlockStyle } from '@wordpress/blocks';
import domReady from '@wordpress/dom-ready';

// Dependencies to make domReady work properly
import '@wordpress/edit-post';
import '@wordpress/edit-site';

domReady(() => {
	unregisterBlockStyle('core/button', 'outline');
	unregisterBlockStyle('core/button', 'fill');
});