A Tailwind CSS plugin that helps you create utility classes for using the hyphens CSS property.

Install it in a new or existing Tailwind CSS project

npm install -D @vivgui/tailwindcss-hyphens
# or
yarn add -D @vivgui/tailwindcss-hyphens

Then add the plugin to your tailwind.config.js file:

module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@vivgui/tailwindcss-hyphens'),
    // ...
  ],
}

The plugin generates these utility classes:

 .hyphens-auto: {
    hyphens: "auto";
}

.hyphens-manual: {
    hyphens: "manual";
}

.hyphens-none: {
    hyphens: "none";
}

You can use it in your markup like this:

<h1 class="hyphens-auto">Hello world</h1>