TinyBase logoTinyBase β

UI Components (Svelte)

In this set of demos, we use a Store containing some sample data to showcase the UI components in the ui-svelte-dom module.

<ValuesInHtmlTable /> (Svelte)

In this first demo, we set up a Store containing some sample data, and showcase the ValuesInHtmlTable component from the ui-svelte-dom module. Read more.

<TableInHtmlTable /> (Svelte)

In this demo, we showcase the TableInHtmlTable component. Read more.

<SortedTableInHtmlTable /> (Svelte)

In this demo, we showcase the SortedTableInHtmlTable component. Read more.

<SliceInHtmlTable /> (Svelte)

In this demo, we showcase the SliceInHtmlTable component, a way to display the Slice portions of an Index. Read more.

<RelationshipInHtmlTable /> (Svelte)

In this demo, we showcase the RelationshipInHtmlTable component, a way to display the two Tables linked together by a Relationship. Read more.

<ResultTableInHtmlTable /> (Svelte)

In this demo, we showcase the ResultTableInHtmlTable component, a way to display the results of a query. Read more.

<ResultSortedTableInHtmlTable /> (Svelte)

In this demo, we showcase the ResultSortedTableInHtmlTable component, a more interactive way to render the results of a query. Read more.

<EditableValueView /> (Svelte)

In this demo, we showcase the EditableValueView component, which allows you to edit Values in a Store from a Svelte-based web UI. Read more.

<EditableCellView /> (Svelte)

In this demo, we showcase the EditableCellView component, which allows you to edit Cell values from a Svelte-based web UI. Read more.

<Inspector /> (Svelte)

In this demo, we showcase the Inspector component, which allows you to view and edit the content of a Store in a debug web environment. Read more.