Inject HTML and components into your child components.
1What is a Slot?
A slot is an outlet in a component's template. It allows the parent component to pass template content (HTML, other components) directly into the child component's layout. Think of it like passing a function as a callback, but for HTML.
2Fallback Content
You can specify fallback content by placing elements inside the <slot></slot> tags in the child. If the parent provides content, the fallback is replaced. If not, the fallback is rendered.
3Named Slots
Sometimes you need multiple slots in a single component (e.g., a header slot, a body slot, a footer slot). You can name slots using <slot name="header">. The parent targets these using <template #header>.
