Search code examples
wordpresswordpress-gutenberggutenberg-blocks

Add extensions in GutenBurg blocks


I want to add some extensions in inspectControl How can I add this. Please check the image for better understanding. Extensions Like this

Here is a code which I'm using but this one is not working. Can you please check it out what the problem. I'm not finding any documentation about this. Please refer and documentation or tutorial for this and please this code.

registerBlockType( 'hwb/grid-column',  {
title: __( 'Column' ),
parent: [ 'hwb/grid' ],
description: __( 'A single column within a grid block.' ),
icon: getIcon( 'block-grid-column' ),
category: 'mycategory',
supports: {
        styles: true,
        spacings: true,
        display: true,
        scrollReveal: true,
    },

// Other code like edit and save functions
}

Solution

  • These are not the core extensions rather than it is created by GhostKit
    You can enable in your plugin.

    Enable GhostKit Extension (Spacings)

    <?php
    registerBlockType( 'my/block', {
        title: 'My block',
        ghostkit: {
            supports: {
                spacings: true,
            },
        },
        ...
    } );
    

    For more information GhostKit Spacing Extension