Single-Slot Content Projection

Content projection lets a component receive markup from its parent and render it inside its own template. It is Angular's equivalent of "slots" in web components.

The parent writes content between the component's tags, and the component decides where that content appears.

Reusable wrappers like cards, dialogs, and panels do not know their content ahead of time. Content projection makes them flexible containers.

• Build a card once, fill it with anything
• Keep layout logic in the component
• Keep content in the consumer