Overview

Projection is when DOM from a Parent Element is inserted into (or referenced inside) a Child component.

  • The Parent Element remains responsible for lexical JS scope (content) of slotted elements
  • Child component controls display (location, styling, visibility) of slotted elements.
  • This decouples Parent and Child component rendering
  • If Parent updates a slotted element, the child component doesn't need to re-render
Count: 0.

Named Slots

▼ open slot
Content that should be displayed when the collapse component is open.

Fallback Content

Qwik
Qwik is a resumable framework for building instant web apps.
Partytown
Builder.io allows you to visually build on your tech stack Empower your entire team to visually create and optimize high-speed experiences on your sites and apps. Provide whole-team autonomy with a platform that is developer approved.