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

On this page