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

## 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>render<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">( width: number, height: number, pixelRatio: number, ) => LiveElement</code></pre>
</div>




<div className="inline-row">
<b>children<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">( width: number, height: number, pixelRatio: number, ) => LiveElement</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-size.ts#L21">src <span className="muted">/</span> components <span className="muted">/</span> auto-size.ts</a>

widgets Component – <AutoSize>

Props

Source