Hello World
This example shows how to add Ionic to a regular React project generated with Create React App.
Links
- Ionic Documentation Home
- UI Components
- IonButton
- IonToast
- Ionicons
- Theme Colors
- Layered Colors
- Color Generator
- CSS Variables
- CSS Utilities
Ionic CSS Imports
To import all the Ionic styles copy the following snippet into index.js
(taken from the Ionic Packages page):
/* Core CSS required for Ionic components to work properly */
import '@ionic/react/css/core.css';
/* Basic CSS for apps built with Ionic */
import '@ionic/react/css/normalize.css';
import '@ionic/react/css/structure.css';
import '@ionic/react/css/typography.css';
/* Optional CSS utils that can be commented out */
import '@ionic/react/css/padding.css';
import '@ionic/react/css/float-elements.css';
import '@ionic/react/css/text-alignment.css';
import '@ionic/react/css/text-transformation.css';
import '@ionic/react/css/flex-utils.css';
import '@ionic/react/css/display.css';
Notes:
- npm install @ionic/react
- npm install ionicons