-<span class="punctuation">}</span></code></pre><div class="table"><table><tr><th></th><th>Type</th><th>Description</th></tr><tr><th><code>position<span class="operator">?</span></code></th><td><code><span class="string">"top"</span> <span class="operator">|</span> <span class="string">"right"</span> <span class="operator">|</span> <span class="string">"bottom"</span> <span class="operator">|</span> <span class="string">"left"</span> <span class="operator">|</span> <span class="string">"full"</span></code></td><td><p>An optional string to indicate where you want the inspector to first appear.</p></td></tr><tr><th><code>open<span class="operator">?</span></code></th><td><code><span class="builtin">boolean</span></code></td><td><p>An optional boolean to indicate whether the inspector should start in the opened state.</p></td></tr><tr><th><code>hue<span class="operator">?</span></code></th><td><code><span class="builtin">number</span></code></td><td><p>An optional number to indicate the hue of the inspector's UI, defaulting to 270.</p></td></tr></table></div><section class="s5"><h5>Since</h5><p>v5.0.0</p></section></section></section></section><section class="s2" id="/api/ui-svelte/" data-id="u4"><h2><code>ui-svelte</code></h2><p>The <code>ui-svelte</code> module of the TinyBase project provides both hooks and components to make it easy to create reactive Svelte 5 apps with <a href="#/api/the-essentials/creating-stores/store/"><code>Store</code></a> objects.</p><p>The hooks in this module provide access to the data and structures exposed by other modules in the project. They return reactive objects with a <code>current</code> property. Hooks register listeners such that components using those hooks re-render when data changes.</p><p>Hook parameters accept either plain values or reactive getter functions (<code>[</code>MaybeGetter<code>](#/api/ui-svelte/type-aliases/identity/maybegetter/)<T> = T | (() => T)</code>), so passing <code>() => tableId</code> from a <code>let</code>-bound Svelte prop makes the hook re-execute whenever the prop changes.</p><p>The components in this module provide a further abstraction over those hooks to ease the composition of user interfaces that use TinyBase.</p><section class="s3"><h3>See also</h3><p><a href="#/guides/building-uis/building-uis-with-svelte/">Building UIs With Svelte</a> guide</p></section><section class="s3"><h3>Since</h3><p>v8.1.0</p></section><section class="s3" id="/api/ui-svelte/functions/" data-id="u4/F50"><h3>Functions</h3><section class="s4" id="/api/ui-svelte/functions/component/" data-id="u4/F50/C101"><h4>Component functions</h4><section class="s5" id="/api/ui-svelte/functions/component/tablesview/" data-id="TV3"><h5><code>TablesView</code></h5><pre><code><span class="function"><a href="#/api/ui-react/functions/store-components/tablesview/">TablesView</a></span><span class="punctuation">(</span>
0 commit comments