I am using the latest version of ionic (CLI 3.19.0) and started a blank project. I added a lazy loaded home page and then created a custom component called <custom-item>. I can get it to load fine by adding schemas: [ CUSTOM_ELEMENTS_SCHEMA ] to my app.module.ts but if I use Ionic components insid…

Thanks for pointing me in the right direction Rob. Here’s the short version of the solution: (Remember that this is to apply Ionic styles inside custom components who are lazy loaded) You need to import IonicModule in your share components.module.ts Here is copy of a cleaned up copy of my compon…

See: [RC0] How to use Ionic components inside custom components/directives Ionic3 and custom components

You need to import your custom module into app.module.ts like below and it worked for me. imports: [ BrowserModule, HttpModule, ComponentsModule, IonicModule.forRoot(MyApp,{ tabsHideOnSubPages: true, }), ],

I discovered a strange behavior. If I use this code <button ion-button color="primary">Button inside of component</button> the button is little and white. Instead if I use this code: <ion-button color="primary">Button inside of component</ion-button> it’s styled correctly. Somebody can explain …

So i think one syntax is ionic 3 and below and the other is ionic 4, you must be using ionic 4 where this change came in <ion-button> Replaced this <button ion-button>

Ionic component styles not applied inside custom components

Ionic Framework ionic-v3

robinyo December 18, 2017, 11:26pm 2

See:

[RC0] How to use Ionic components inside custom components/directives
Ionic3 and custom components

Topic		Replies	Views
Style gone if using ionic ui components inside the custom component ionic-v3	4	1954	December 1, 2017
Import custom component module problem ionic-v3	5	19910	April 6, 2018
[RC0] How to use Ionic components inside custom components/directives ionic-v3	6	8017	December 1, 2017
Custom components missing ionic directives ionic-v3	10	8475	April 6, 2018
Style problem with components not in the root module ionic-v3	1	800	August 2, 2017

Ionic component styles not applied inside custom components

Related topics