Introduction
Although Ionic has many out-of-the-box components, you may want to start customizing the existing components or create your own. There are many scenarios where you just cannot fit the default components in your specific use cases. Here are some of the examples of the scenarios:
Custom input fields
The formatting of data with your specific requirements
The binding of your own UI component with Ionic events
The creation of animation based on stateful events
Alternatively, you can reuse the AngularJS Bootstrap module and just change its CSS to create a consistent look and feel. Since you can leverage web technologies, creating new components in Ionic is very simple. It's the same process as building new directives and filters for the AngularJS Single-Page Application. If you are unfamiliar with this, you can start with the following sections and go through some simple examples.
You will learn the following in this chapter:
How to create custom directives and filters
How to look for Ionic...