TinyBase logoTinyBase β

UI Components

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

<ValuesInHtmlTable />

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

<TableInHtmlTable />

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

<SortedTableInHtmlTable />

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

<SliceInHtmlTable />

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

<RelationshipInHtmlTable />

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

<ResultTableInHtmlTable />

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

<ResultSortedTableInHtmlTable />

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

<EditableValueView />

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

<EditableCellView />

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 />

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.