@blockhandbook/tailwindcss-controls

Tailwindcss powered controls for styling blocks built for the WordPress block editor

A library of common block styling controls powered by tailwindcss classes.

• Follow us on Twitter

Installation

npm i @blockhandbook/tailwindcss-controls --save-dev

This package assumes that your code will run in an ES2015+ environment.

Setup

You need to be using tailwindcss. Getting it setup for use in WordPress can be a little tricky, which is why we put together this @blockhandbook/tailwindcss package.
See Documentation

Usage

A handful of common styling controls powered by Tailwindcss utility classes are bundled in this package:

BoxShadowControls

Toolbar & InspectorControls for adding box shadow settings to blocks: See Documentation

BorderControls

Toolbar & InspectorControls for adding border settings to blocks: See Documentation

MarginControls

Toolbar & InspectorControls for adding margin settings to blocks: See Documentation

PaddingControls

Toolbar & InspectorControls for adding padding settings to blocks: See Documentation

SpacingControls

Toolbar & InspectorControls for adding spacing settings to blocks: See Documentation

BackgroundControls

See Documentation