A starter template for creating React App using Ionic and tailwindcss.
Method 1:
npm install
npm run start
Method 2: Learn more about ionic cli.
npm install
npm install -g @ionic/cli
ionic serve
A new web page will popup once start scripts runs successfully.
By default, it comes with a standard theme that supports both light and dark mode, you can change the theme by editing the ./src/theme/variables.css file.
To generate the theme, please checkout the ionic theme generator
By default, the app uses Tabs layout. Which shows 3 tabs: Home, Search and Account.
You can change the layout by editing the ./src/components/Tabs.tsx file.
However, if you do not need the tabs layout, please remove the <Tabs /> from App.tsx file, and enable the <Navigation /> in App.tsx file.
To customize the links, please refer to Ionic doc: Navigation
All Ionic components have ios and md variants, based on the viewing device, they will automatically change styles.
Check out Ionic doc: Components
An example component in the starter file is <CardExamples />
| Android | iOS |
|---|---|
 |
 |