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

## Props


<div className="inline-row">
<b>container<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">Element | string | null</code></pre>
</div>




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




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




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




<div className="inline-row">
<b>height<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">number</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>pad<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">number</code></pre>
</div>




<div className="inline-row">
<b>font<span className="muted">?</span></b>
<pre className="inline"><code className="language-tsx">number</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/fps-counter.ts#L19">src <span className="muted">/</span> components <span className="muted">/</span> fps-counter.ts</a>

widgets Component – <FPSCounter>

Props

Source