TinyBase logoTinyBase β

Inspector

Essential

The Inspector component renders a tool which allows you to view and edit the content of a Store in a debug web environment.

Inspector(props: InspectorProps): ComponentReturnType
TypeDescription
propsInspectorProps

The props for this component.

returnsComponentReturnType

The rendering of the inspector tool.

See the <Inspector /> (Solid) demo for this component in action:

Inspector example

The component displays a nub in the corner of the screen which you may then click to interact with all the Store objects in the Provider component context.

The component's props identify the nub's initial location and panel state, though subsequent user changes to that will be preserved on each reload.

Example

This example imports the Inspector component from the module.

import {Inspector} from 'tinybase/ui-solid-inspector';

console.log(typeof Inspector);
// -> 'function'

Since

v8.4.0