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>

Attributes

1 of 1

loop

React prop
loop
Type
boolean
Default
false
Description
When set, forwarded onto the nested composition root so a docs <Preview loop> wraps playback without putting loop on the timegroup.

Events

Events
EventDetailDescription
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.