<Show .../>

Renders its children based on a condition. For the condition to be reactive it needs to be function

# Attributes

name	type	description
when	any	once when becomes truthy, it will show its children
fallback?	any	a thing to render as fallback when the condition is falsy

Test using static values

Test using a signal and also the signal value

The signal thats being called wont be reactive because instead of passing to when a function we are passing the signal value which is a boolean

How many times a children renders by a toggling signal

Children are unmounted and effectively disposed

Using the children helper we can avoid re rendering

We use the children helper to memo the result of a component

A fallback renders a component when the condition becomes false

Fallbacks use memo which are lazy, so these dont need to use the children helper

Tests a signal for a fallback.

Using the value from the condition in a callback

Show callbacks receive a read-only signal, a memo

Children are arrays, so the callbacks could be anywhere

The third callback needs to return a function for it to be reactive

Test what happens when a value for a callback becomes null

In between 2 elements and in between 2 text nodes

Sandwich, it keeps the position