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>;
},
} );