Dataviz · piloté par store

WebFrame

Documenté

Cadre web intégré et durci : <WebFrame frame /> résout une WebFrameConfig en <iframe> (sandbox, politique de référent, chargement paresseux par défaut). Configuration statique : sans canal store, sans composant DS sous-jacent.

Disponibilité par framework

Framework	Forme
`Svelte`	Composant WebFrame (démo live ci-dessous).
`React`	Composant WebFrame (démo live ci-dessous, className et attributs iframe natifs en plus).
`Vue`	Composant WebFrame (démo live ci-dessous).
`Angular`	Absent : aucun adaptateur.

Exemples

Une intégration bac à sable avec titre explicite et chargement paresseux.

Cadre intégré

Voir le code (Svelte)

<div class="chart-wrapper">
  <WebFrame frame={{"src":"https://example.com","title":"Example embed","sandbox":["allow-scripts"],"loading":"lazy"}} />
</div>

Configuration

import type { WebFrameConfig } from "@sentropic/dataviz-core";
import { WebFrame } from "@sentropic/dataviz-svelte";

const frame: WebFrameConfig = {
  src: "https://example.com",
  title: "Example embed",
  sandbox: ["allow-scripts"],
  loading: "lazy"
};

API du composant

Prop	Type	Défaut	Description
`frame.src`	`string`	requis	URL intégrée.
`frame.title`	`string`	`"Embedded page"`	Titre du cadre (a11y, toujours rendu).
`frame.sandbox`	`WebFrameSandboxToken[] \| string`	non défini	Jetons sandbox joints par des espaces.
`frame.referrerPolicy`	`WebFrameReferrerPolicy`	`"strict-origin-when-cross-origin"`	Politique de référent.
`frame.loading`	`"eager" \| "lazy"`	`"lazy"`	Stratégie de chargement.
`frame.allow`	`string`	non défini	Liste d’autorisations (feature policy).
`class`	`string`	non défini	Classe transmise à l’iframe (className côté React, qui accepte aussi les attributs iframe natifs).

Sans composant DS sous-jacent : aucun héritage de props, aucun token dédié. Le titre est obligatoire en pratique (valeur par défaut "Embedded page", jamais d’iframe sans nom accessible).