template slot ✓ Slot Website Templates

template slot A slot> outlet without name implicitly has the name “default” To provide content to named slots, we can use the v-slot directive on a template> , providing

template> div> b-table striped hover :items=items>b-table> div> slot, or 'table-busy' for the table busy slot Example: Basic row styles

To render children, your template needs to include one or more slot> elements, which act as placeholders for child nodes Finding slotted children If your

Single-slot content projectionlink · Create a component · In the template for your component, add an ng-content> element where you want the projected content to

The default slot doesn't need a name, so we can just leave it off When we want to apply content to these slots, we just need to add the name to the template

Don't forget to bind the slot props to the activating element The second template> Activator slot Parent activator Sibling activator Access direct