Home > AI > Backend > Wordpress > Guternberg > @wordpress/blocks >

registerBlockType

Example

import { registerBlockType } from '@wordpress/blocks';
import { useBlockProps } from '@wordpress/block-editor';

registerBlockType( 'create-block/gutenpride', {
	apiVersion: 2,
	title: 'Gutenpride',
	description: 'Example block.',
	category: 'widgets',
	icon: 'smiley',
	supports: {
		// Removes support for an HTML mode.
		html: false,
	},

	edit: () => {
		const blockProps = useBlockProps();
		return <div { ...blockProps }> Hello in Editor. </div>;
	},

	save: () => {
		const blockProps = useBlockProps.save();
		return <div { ...blockProps }> Hello in Save.</div>;
	},
} );
Related posts:
    No posts found.

Leave a Reply