Box Shadow
NativeWind uses the scaling system from react-native-shadow-generator to help generate cross platform shadows.
Usage
Please refer to the
documentation on the Tailwind CSS website
caution
On native, shadows may not appear if a background color is not set
Example
Compatibility
| Class | Support |
|---|---|
shadow | ✅ Full Support |
shadow-{n} | ✅ Full Support |
shadow-none | ✅ Full Support |
shadow-[n] | 🌐 Web only |
shadow-inner | 🌐 Web only |