Skip to main content
Version: v4

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

ClassSupport
flex-row✅ Full Support
flex-row-reverse✅ Full Support
flex-col✅ Full Support
flex-col-reverse✅ Full Support
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