Stack Overflow
Stack Overflow

Questions tagged [vue-slot]

Use this tag for questions about the Vue.js element or `v-slot` directive

Vue content distribution API, using the <slot> element to serve as distribution outlets for content.

Example

Parent component

<template>
  <child>
    <h1>Slot content</h1>
    <h2>This content is passed from parent to child</h2>
  </child>
</template>

Child component with <slot>

<template>
  <slot></slot>
</template>
29 questions
8
votes
1 answer

Vue 3 slot styles from child component

Summary: I need to style the contents of a , from the child component. I'm using scoped css and the styles don't apply: I have the following two components: