Composant · Structure

Embed

Documenté

Embed est un wrapper <iframe> contrôlé : ratio fixe, chargement paresseux et sandbox strict par défaut. Le title est obligatoire (accessibilité). Idéal pour intégrer carte, vidéo ou widget externe.

Présentation

Embed

Voir le code (Svelte)

<Embed
  src="https://www.openstreetmap.org/export/embed.html?bbox=2.29%2C48.85%2C2.31%2C48.86&layer=mapnik"
  title="Carte du quartier"
  aspectRatio="16/9"
/>

API

Prop	Type	Par défaut	Effet
`src`	`string`	obligatoire	URL du document intégré.
`title`	`string`	obligatoire	Nom accessible du cadre (requis a11y).
`sandbox`	`string`	`""`	Liste de jetons sandbox ; ajoutez des permissions seulement au cas par cas.
`aspectRatio`	`string`	`"16/9"`	Proportion du conteneur (CSS `aspect-ratio`).
`allow`	`string`	non défini	Politique de permissions (ex. `fullscreen`).
`loading`	`"lazy" \| "eager"`	`"lazy"`	Stratégie de chargement de l’iframe.

Accessibilité

Le title de l’iframe est obligatoire : il nomme le cadre pour les lecteurs d’écran.
sandbox="" applique le bac à sable le plus strict ; les permissions doivent être explicites.
loading="lazy" évite de charger le contenu hors écran ; utilisez eager pour un embed visible immédiatement.