We have learnt to build the skeleton and base for a Mobile App. An actual app would contain multiple use cases and complex views, which would include many more elements and components. Ionic Framework equips developers with a multitude of reusable components and directives that they can use to develop apps rapidly. There are two categories of reusable components: CSS components for styling elements, and JS components for logic and interactions. The topics we will be discussing in this chapter are:
Ionic CSS components
Header and footer
Buttons
Lists
Cards
Forms
Input elements
Tabs
Grid
Utility styles
Ionic JS components
Actionsheet
Backdrop
Form inputs
Gestures and events
Lists
Loading
Modal
Popover and popup
Spinner
Miscellaneous components
We will learn about the usage and examples of each of the mentioned components.