Documentation / @ripl/vue / RiplRenderer

Variable: RiplRenderer

const RiplRenderer: RiplComponent<RiplRendererProps, Renderer>

Defined in: adapters/vue/src/components/renderer.ts:95

Drives the enclosing scene with a requestAnimationFrame loop, and makes transitions available to its subtree.

A renderer is what <ripl-transition> needs: enter, update and leave phases are scheduled through it. Without one, elements still paint, they just snap to each new value.

Example

<ripl-context>
    <ripl-scene>
        <ripl-renderer :auto-stop="false">
            <ripl-circle :cx="x" :cy="50" :radius="20"/>
        </ripl-renderer>
    </ripl-scene>
</ripl-context>