web component: slot vs attribute when passing data that is to be

The slot attribute is a global attribute that is used to replace the contents of the slot> within a template> In our custom element, the

slot, ensure that the child's slot attribute matches the slot's name attribute: render(){ return html` div> slot name=one>slot> div> `; }

html slot attribute Now you can dynamically specify a value for the slot attribute of an HTML element Previously, this value could only be a static string Where: This chang

html slot tag html; srcapp css ion-button>Custom Buttonion-button> Content is placed between the named slots if provided without a slot end