# widgets Component – &lt;AutoSize>
```tsx
const AutoSize: LiveComponent<AutoSizeProps>
```

## Props


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


**render?**
```tsx
(
 width: number,
 height: number,
 pixelRatio: number,
) => LiveElement<ArrowFunction>
```
**children?**
```tsx
| LiveElement<ArrowFunction>[]
| ReactElementInterop
| DeferredCall<ArrowFunction>
```
## Source
packages / webgpu / <a href="https://gitlab.com/unconed/use.gpu/-/blob/master/packages/webgpu/src/components/auto-size.ts#L20">src / components / auto-size.ts</a>