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.

<TableInHtmlTable />

In this demo, we showcase the TableInHtmlTable component.

<SortedTableInHtmlTable />

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

<SliceInHtmlTable />

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

<RelationshipInHtmlTable />

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

<ResultTableInHtmlTable />

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

<ResultSortedTableInHtmlTable />

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

<EditableValueView />

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

<EditableCellView />

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

<StoreInspector />

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