All examples

Player: lego composition

One JSON blueprint composes layouts, a board, charts, media, blocks, a block palette, a page outline and a workflow editor. Cards move between columns and palette blocks copy into the outline, all through reorder, bindings and closed actions.

Player: lego composition

lego · player/Player

player composition
Props
  • blueprint
  • label

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

Source (lego/entry.ts) 
import { defineExample } from '../registry.ts';

export const legoExample = defineExample({
  id: 'lego',
  title: 'Player: lego composition',
  description:
    'One JSON blueprint composes layouts, a board, charts, media, blocks, a block palette, a page outline and a workflow editor. Cards move between columns and palette blocks copy into the outline, all through reorder, bindings and closed actions.',
  tags: ['player', 'composition', 'drag', 'workflows', 'state'],
  component: 'player/Player',
  props: ['blueprint', 'label'],
  load: () => import('./LegoDemo.svelte'),
});