O'Reilly logo

Getting Started with Ionic by Rahat Khanna

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Chapter 5. Accessorizing Your App with Ionic Components

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required