headless-blocks v0.3.0

Headless Blocks

Install

npm install headless-blocks

Use

import React from 'react'
import {HeadlessBlocks} from 'headless-blocks';

// Example of a custom component you can make to be rendered for any block. 
import {MyCoreParagraph} from './CoreParagraph.js';
import {MyCoreHeading} from './CoreHeading.js';

export default () => {
	return (
		<HeadlessBlocks 
			postContent={ '<!-- wp:paragraph --><p>I am the raw HTML content generated by the WordPress Block Editor.</p><!-- /wp:paragraph -->' }
			blockComponents={ {
				'core/paragraph': MyCoreParagraph,
				'core/heading': MyCoreHeading
			} }
		/>
	)
}

Fields

Contributors

johnstonphilip, ryankienstra