tailwind-class-extend

A TailwindCSS plugin for additional utility classes.

A Tailwind CSS plugin for additional utility classes.

Installation

Ensure that Node.js and Tailwind CSS are installed.

  1. Install tailwind-class-extend using npm or yarn
npm install tailwind-class-extend -D

Or

yarn add tailwind-class-extend -D
  1. Add tailwind-class-extend as a plugin in tailwind.config.js file
module.exports = {
  // ...
  plugins: [require('tailwind-class-extend')],
};

Class Options

  • flex-center: flex items-center justify-center
  • flex-between: flex items-center justify-between
  • flex-start: flex items-center justify-start
  • flex-end: flex items-center justify-end
  • flex-around: flex items-center justify-around
  • flex-evenly: flex items-center justify-evenly
  • flex-column: flex flex-col
  • word-break: word-break: break-word;
  • word-break-all: word-break: break-all;

check on npm

Made with