Divide Color

Usage

Please refer to the documentation on the Tailwind CSS website

CAUTION

Divide Color was temporary removed in v4. We are working to re-add it in the future.

Compatibility

ClassSupport
divide-{n}
🌐 Web only
divide-[n]
🌐 Web only
divide-inherit
🌐 Web only
divide-current
🌐 Web only
Legend

Class

-{n} Supports values from theme

-[n] Supports arbitrary values

Icon

✅ Full support

✔️ Partial support on native

🧪 Experimental support on native

📱 Native only

🌐 Web only

divideOpacity (native only)

For performance reasons, Nativewind renders with the corePlugin divideOpacity disabled. This plugin allows the divide color to dynamically change its opacity via the --tw-divide-opacity variable. Instead, the opacity is set as a static value in the color property.

If you need to use this feature, you can enable it by adding the following to your tailwind.config.js file:

module.exports = {
  /* ...  */
  corePlugin: {
    divideOpacity: true,
  },
};

Border Width

Previous Page

Divide Style

Next Page

On this page