# <span style="float: right" className="m-icon m-icon-large" title="Component">widgets</span> Component – &lt;AutoCanvas>
```tsx
const AutoCanvas: LiveComponent<AutoCanvasProps>
```

## Props


<div className="inline-row">
<b>canvas<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">HTMLCanvasElement</code></pre>
</div>




<div className="inline-row">
<b>selector<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">string</code></pre>
</div>




<div className="inline-row">
<b>format<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">GPUTextureFormat</code></pre>
</div>




<div className="inline-row">
<b>depthStencil<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">GPUTextureFormat</code></pre>
</div>




<div className="inline-row">
<b>backgroundColor<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">GPUColor</code></pre>
</div>




<div className="inline-row">
<b>samples<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">number</code></pre>
</div>




<div className="inline-row">
<b>autofocus<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">boolean</code></pre>
</div>




<div className="inline-row">
<b>picking<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">boolean</code></pre>
</div>




<div className="inline-row">
<b>iframe<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">boolean</code></pre>
</div>




<div className="inline-row">
<b>children<span className="muted"></span></b>
<pre className="inline"><code className="language-tsx">LiveElement&lt;ArrowFunction></code></pre>
</div>


## Source
packages <span className="muted">/</span> webgpu <span className="muted">/</span> <a href="https://gitlab.com/unconed/use.gpu/-/blob/master/packages/webgpu/src/components/auto-canvas.ts#L27">src <span className="muted">/</span> components <span className="muted">/</span> auto-canvas.ts</a>

widgets Component – <AutoCanvas>

Props

Source