Custom components in Ionic 3 - Tutorial
![Image](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitMgmye7wdMcDHmiSE969mwj2lWhozvTJ_M7vgwKfgi9O8rLO_JhToORILbdrLK6AckVF-RCropSD-ewpyxK1-bxaEYA2Ida1K_vCvMab9XPDr8euMmHSwnKtIqTwaTojAtUP5OYsvHSgh/s1600/Screen+Shot+2018-06-26+at+9.26.57+pm.png)
Ionic provides lot components by default, but if we want to customize our App more we can create custom components. Using custom components reduce a lot of development effort and makes the app development faster & optimized. This tutorial describes creating custom components and using them in the pages across the App and also describes passing data between page and custom component. Let's get started... First, generate a component using the following command in the ionic CLI. In this scenario, we are using an input text custom component. ionic generate component my-text The above command will create my-text component under src/components directory src/components/my-text.ts import { Component } from '@angular/core'; /** * Generated class for the MyTextComponent component. * * See https://angular.io/api/core/Component for more info on Angular * Components. */ @Component({ selector: 'my-text', templateUrl: