Breaking News: Grepper is joining You.com. Read the official announcement!

Example code of using inner blocks in Wordpress with ESNext

Outrageous Ostrich answered on April 10, 2022 Popularity 1/10 Helpfulness 1/10

answer Example code of using inner blocks in Wordpress with ESNext

Example code of using inner blocks in Wordpress with ESNext

Comment

import { registerBlockType } from '@wordpress/blocks';
import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
 
registerBlockType( 'softhunt/inner-example', {
    // ...
 
    edit: () => {
        const blockProps = useBlockProps();
 
        return (
            <div { ...blockProps }>
                <InnerBlocks />
            </div>
        );
    },
 
    save: () => {
        const blockProps = useBlockProps.save();
 
        return (
            <div { ...blockProps }>
                <InnerBlocks.Content />
            </div>
        );
    },
} );

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: softhunt.net

Tags: javascript using wordpress

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Outrageous Ostrich

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

Example code of using inner blocks in Wordpress with ESNext

Contents

More Related Answers

Example code of using inner blocks in Wordpress with ESNext

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.