Hi,
I have an angular component, which wraps an ion-icon.
to make sure, the component does not interfere with the layout; I am using css:
:host { display: contents } for the component.
The component allows passing slot as an input parameter, which I want to be the slot in which the icon should go when it is specified.
However, this does not seem to work. Specifying slot on the component also doesnt work.
Minimal sample demonstrating the scenario:
Thanks for your help!
Bien puedes hacer lo siguiente en tu app component
//
en tu html del icono:
<ion-icon [name]=“name” [slot]=“slot”>
ts:
@Input() name: string;
@Input() slot?: string;
That’s what I have. Please take a look at the example I have provided.
i.e
Eso es lo que tengo. Por favor, miren el ejemplo que les dejé.
The code is working fine.
If you change slot to “end”, it works. The only difference I can see is the size of the icon, but the design of your component seems right.