A named slot creates a labeled distribution point in a Shadow DOM template. Child content carrying the matching slot attribute appears at that point, while fallback text remains available when no value is supplied.
Build the relationship in two steps:
- Use an unnamed slot when simple default content is enough; omitting names removes the ability to target multiple distribution points. section 7.5
Business card content
A component can define <slot name="firstname">First</slot>, then receive <span slot="firstname">Ben</span>. The entire span is distributed, so the assigned content could instead be a button or another slot. section 7.5
