Last updated on March 19, 2026
Flex Direction
Usage
Please refer to the documentation on the Tailwind CSS website
:::tip React Native has a different default flex direction to web. We highly recommend explicting setting the Flex Direction on your components. :::
Compatibility
| Class | Support |
|---|---|
| ✅ Supported |
| ✅ Supported |
| ✅ Supported |
| ✅ Supported |
Legend
Class
-{n} Supports values from theme
-[n] Supports arbitrary values
Icon
✅ Supported
✔️ Partial support on native
🧪 Experimental support on native
📱 Native only
🌐 Web only