Primitive · Autres

Portal

Stable

Téléporte ses enfants ailleurs dans le DOM (par défaut le <body>), tout en gardant la logique au point d'appel. SSR-safe : rien n'est téléporté pendant le rendu serveur ni au premier rendu client. Avec disabled, le contenu est rendu en place, sans téléportation.

Exemples

disabled

Rendu en place (disabled)

Voir le code (Svelte)

<Portal disabled>
  <Badge tone="info">Rendu en place (disabled)</Badge>
</Portal>

L'aperçu utilise disabled : true pour un rendu en place, déterministe au prérendu. En usage réel, omettez disabled pour téléporter vers target (par défaut le <body>).

API

Prop	Type	Default
`target`	`string \| HTMLElement`	`"body"`
`disabled`	`boolean`	`false`
`class`	`string`	–
`children`	`Snippet \| ReactNode \| slot`	–

target accepte un sélecteur CSS ou un HTMLElement ; un sélecteur introuvable retombe sur le <body>. La résolution n'a lieu qu'après le montage côté client.

Tokens utilisés

Portal est une primitive sans style : il n'applique aucun token et n'introduit qu'un conteneur neutre data-st-portal.