Fallback Content | Tutorial

Fallback content allows the child component to display fallback content in case the parent component did not provide content. The fallback content can be done with CSS, it is necessary to add a CSS selector (and the appropriate CSS) on the named Slot in case it is empty.

Note that in the upcoming Qwik 2.0, a Slot can embed fallback content directly, without needing CSS.

Example

In this example, we show three cards, but some of them are not filled with content. Use the right CSS selector to specify the fallback content.