TinyBase logoTinyBase β

UI Components (Solid)

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

ValuesInHtmlTable

<ValuesInHtmlTable /> (Solid)

In this first demo, we set up a Store containing some sample data, and showcase the ValuesInHtmlTable component. Read more.

TableInHtmlTable

<TableInHtmlTable /> (Solid)

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

SortedTableInHtmlTable

<SortedTableInHtmlTable /> (Solid)

In this demo, we showcase the SortedTableInHtmlTable component, a more complex and interactive way to render a TinyBase Table. Read more.

SliceInHtmlTable

<SliceInHtmlTable /> (Solid)

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

RelationshipInHtmlTable

<RelationshipInHtmlTable /> (Solid)

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

ResultTableInHtmlTable

<ResultTableInHtmlTable /> (Solid)

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

ResultSortedTableInHtmlTable

<ResultSortedTableInHtmlTable /> (Solid)

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

EditableValueView

<EditableValueView /> (Solid)

In this demo, we showcase the EditableValueView component, which allows you to edit Values in the Store in a web environment. Read more.

EditableCellView

<EditableCellView /> (Solid)

In this demo, we showcase the EditableCellView component, which allows you to edit Cell values in the Store in a web environment. Read more.

Inspector

<Inspector /> (Solid)

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.