Home

React components for displaying Gutenberg blocks from WordPress.

These components were built to be used in combination with WPGraphQL and wp-graphql-gutenberg, but can be used in any React project.

View Storybook examples here: https://wp-block-components.netlify.com

Currently supported blocks:

• Code
• Heading
• Image
• List
• Paragraph

Installation and usage

First, install wp-block-components from npm.

yarn add wp-block-components

Next, import the component into your app.

import { CoreBlock } from 'wp-block-components';