Angular v18: Native Fallback Content for ng-content

Angular v18: Native Fallback Content for ng-content angular slot A chip has a front slot for adding an avatar image To add an avatar, nest an element with matChipAvatar attribute inside of mat-chip> Chips avatar link 633 slot The ng-content also allows us to create multiple slots using the selector attribute The parent can send different content to each slot

633 slot Angular multiple-slot transclusion permalink The power of naming Angular multiple transclusion slots Rendering different components

pumpkin fairy slot Slot Start from Angular , you can use slots to project markup into a component's template The slot element allows users to add their own markup and A component may have several slots Each slot can have its own CSS selector that specifies what content gets into it Multi-slot content