mirror of
https://github.com/zhigang1992/examples.git
synced 2026-01-12 22:47:03 +08:00
22 lines
1.1 KiB
Markdown
22 lines
1.1 KiB
Markdown
# Tailwind CSS example
|
|
|
|
<p>
|
|
<!-- iOS -->
|
|
<img alt="Supports Expo iOS" longdesc="Supports Expo iOS" src="https://img.shields.io/badge/iOS-4630EB.svg?style=flat-square&logo=APPLE&labelColor=999999&logoColor=fff" />
|
|
<!-- Android -->
|
|
<img alt="Supports Expo Android" longdesc="Supports Expo Android" src="https://img.shields.io/badge/Android-4630EB.svg?style=flat-square&logo=ANDROID&labelColor=A4C639&logoColor=fff" />
|
|
<!-- Web -->
|
|
<img alt="Supports Expo Web" longdesc="Supports Expo Web" src="https://img.shields.io/badge/web-4630EB.svg?style=flat-square&logo=GOOGLE-CHROME&labelColor=4285F4&logoColor=fff" />
|
|
</p>
|
|
|
|
## 🚀 How to use
|
|
|
|
- Install with `yarn` or `npm install`.
|
|
- Run `expo start` to try it out.
|
|
|
|
## 📝 Notes
|
|
|
|
- This example using the [`tailwind-rn`](https://github.com/vadimdemedes/tailwind-rn) library to allow you to use [Tailwind CSS](https://tailwindcss.com/) in React Native.
|
|
- You can even customize it to use your own styles or colors. Read more about that [here](https://github.com/vadimdemedes/tailwind-rn#customization).
|
|
- [Tailwind CSS Documentation](https://tailwindcss.com/docs/utility-first).
|