Exploring the UI components
In this recipe, we will explore the UI components of the Ionic framework by building a sample UI of settings.
How to do it…
To get started, follow these steps:
Create a new blank Ionic application project with the name as
uiComponent:ionic start uiComponent blankChange the directory to
uiComponent:cd uiComponentThen add the device platforms to the project:
ionic platform add ios ionic platform add android
We open
www/index.htmland clean<body>so that we have the following code:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above <link href="css/ionic.app...
