In this chapter you got to know all the high-level building blocks of the Ionic frame-work called components.
And did you notice? In this chapter, you’ll find all the components in alphabetical order. So it’s a good place to look up here if you need it.
Now you know how to use the typical controllers like ActionSheetController, Alert-Controller, ModalController and PopoverController. You can visualize the progress of processes via Progress Indicators. You can design attractive lists with headers, di-viders and thumbnail images, layout with the Grid component, build slideshows and create awesome app pages with Badges, Cards, Images and much, much more.
Congratulations – you’ve come a long way!

Any remarks or questions?


  1. Jay


    I made a mistake somewhere in my code and although it doesn’t cause errors in the console, the app is missing features and is broken. I have tried to install your source code, but am unsure what is necessary to import the code. When I run npm i, I get the following error. Can you please provide a suggestion as to how to import your code? Also I have a hunch that the code samples you provided only encompass up to chapter 5 if I’m not mistaken. Is it possible to get code for all the chapters?:

    G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src>npm i
    npm WARN saveError ENOENT: no such file or directory, open ‘G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src\package.json’
    npm WARN enoent ENOENT: no such file or directory, open ‘G:\Documents\Coding\Ionic 5 Book\05\05\5.9\src\package.json’
    npm WARN src No description
    npm WARN src No repository field.
    npm WARN src No README data
    npm WARN src No license field.

    up to date in 0.382s
    found 0 vulnerabilities

    • Andionic


      Hey, in the download area you can still find the code to all chapters. If your project is completely broken, I suggest the following:
      1. Create a completely new Ionic project.
      2. Install any necessary plugins.
      3. Simply replace the src folder with the downloaded one. No installation with npm!
      Good luck!

Leave a comment

Your email address will not be published. Required fields are marked *