UI Components (React)

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 /> (React)

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

<TableInHtmlTable /> (React)

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

<SortedTableInHtmlTable /> (React)

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

<SliceInHtmlTable /> (React)

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

<RelationshipInHtmlTable /> (React)

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

<ResultTableInHtmlTable /> (React)

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

<ResultSortedTableInHtmlTable /> (React)

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

<EditableValueView /> (React)

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

<EditableCellView /> (React)

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 /> (React)

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.