Placeholder component

🚀 Feature Proposal

A clear and concise description of what the feature is.

Add a Placeholder component which serves as default value when no Source is present.

Example implementation: https://gist.github.com/IniZio/68872edc1acf2ecfadf5ffffa06f321a

Motivation

Please outline the motivation for the proposal.

Provider a default value to Target

Example

Please provide an example for how this feature would be used.

const Header = createTeleporter()

<Header.Target/>

<Header.Placeholder>This is placeholder</<Header.Placeholder>

// This is placeholder

const Header = createTeleporter()

<Header.Target/>

<Header.Placeholder>This is placeholder</<Header.Placeholder>

<Header.Source>Source 1</<Header.Source>

// Source 1

Pitch

Why does this feature belong in the xstyled ecosystem?

[gregberge]

#12 solves it.

[IniZio]

The react-tunnels lib allow toggling multiple so that the teleported content will either concat each other or replace other.

Currently react-teleporter Source just concats each other, but I think replace is actually the more common use case