All examples

Player: blueprint preview

The Player paints a fictional weekly report blueprint (document layout, KPIs, a chart and a callout) at the untrusted tier, with its trust badge.

Player: blueprint preview

player-blueprint-preview · player/Player

player blueprint
Props
  • blueprint
  • label

Live example loads in an isolated same-origin preview frame.

Source (player-blueprint-preview/entry.ts) 
import { defineExample } from '../registry.ts';

export const playerBlueprintPreviewExample = defineExample({
  id: 'player-blueprint-preview',
  title: 'Player: blueprint preview',
  description:
    'The Player paints a fictional weekly report blueprint (document layout, KPIs, a chart and a callout) at the untrusted tier, with its trust badge.',
  tags: ['player', 'blueprint', 'catalog'],
  component: 'player/Player',
  props: ['blueprint', 'label'],
  load: () => import('./BlueprintPreviewDemo.svelte'),
});