@blockhandbook/controls

A library of components for creating common InspectorControls and BlockControls patterns for WordPress plugins built for the block editor.

Usage no npm install needed!

<script type="module">
  import blockhandbookControls from 'https://cdn.skypack.dev/@blockhandbook/controls';
</script>

README

Control components for WordPress plugins built for the block editor

A library of components for creating common InspectorControls and BlockControls patterns for WordPress plugins built for the block editor.

Installation

npm i @blockhandbook/controls --save-dev

This package assumes that your code will run in an ES2015+ environment.
This package assumes you are using the @wordpress/scripts package.

Components

PostsControls

Sidebar controls for creating dynamic blocks:
PostsControls in the WordPress block editor sidebar

BoxShadowControls

Toolbar & InspectorControls for adding box shadow settings to blocks: BoxShadowControls in the WordPress block editor sidebar & toolbar See Documentation

BorderControls

Toolbar & InspectorControls for adding border settings to blocks: BorderControls in the WordPress block editor sidebar & toolbar See Documentation

MarginControls

Toolbar & InspectorControls for adding margin settings to blocks: MarginControls in the WordPress block editor sidebar & toolbar See Documentation

PaddingControls

Toolbar & InspectorControls for adding padding settings to blocks: BorderControls in the WordPress block editor sidebar & toolbar See Documentation

SpacingControls

Toolbar & InspectorControls for adding spacing settings to blocks: SpacingControls in the WordPress block editor sidebar & toolbar See Documentation

BackgroundControls

BackgroundControls in the WordPress block editor sidebar & toolbar See Documentation