Last updated on September 25, 2025
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
| Class | Support |
|---|---|
| ๐ Web only |
| ๐ Web only |
| ๐ Web only |
| ๐ 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: