# <span style="float: right" className="m-icon m-icon-large" title="Component">widgets</span> Component – &lt;LiveCanvas>
```tsx
const LiveCanvas: FunctionComponent<LiveCanvasProps>
```
Embed Live `<canvas>` inside React. Portal from React to Live.
## Props


<div className="inline-row">
<b>style<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">Record&lt;string, any></code></pre>
</div>


CSS styles to apply to the `<canvas>`


<div className="inline-row">
<b>render<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">( canvas: HTMLCanvasElement, ) => LiveElement</code></pre>
</div>


Render prop for Live contents


<div className="inline-row">
<b>children<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">( canvas: HTMLCanvasElement, ) => LiveElement</code></pre>
</div>


Render prop for Live contents (alternative)
## Source
packages <span className="muted">/</span> react <span className="muted">/</span> <a href="https://gitlab.com/unconed/use.gpu/-/blob/master/packages/react/src/live-canvas.tsx#L18">src <span className="muted">/</span> live-canvas.tsx</a>

widgets Component – <LiveCanvas>

Props

Source