Editor

ef-preview

Composition wrapper that provides focusedElementContext to descendants.

Wraps a composition and tracks which temporal element the pointer is over, publishing it as focusedElementContext. Descendants consume this context to build hover-aware editor UI.

html

<ef-preview>
  <ef-timegroup mode="fixed" duration="5s" class="w-[1920px] h-[1080px]">
    <ef-text>Hello</ef-text>
  </ef-timegroup>
</ef-preview>

Events

Events
Event	Detail	Description
`focus-changed`	`{ element: HTMLElement \| null }`	Fires when the hovered element changes. The `detail.element` field holds the new element, or `null` when nothing is focused.