JSON Input

A JSON Input component allows users to enter a JSON value. This component can be bound to filters, buttons, and forms.

Ways to use a JSON Input

Use it with buttons or filters that require JSON data.

Add a JSON Input to a Space and connect it to a button that accepts JSON data. Or if you have JSON data in a Table, you can bind the JSON input to the Table's filter to search for records.

Configuration

Set the component name and placeholder text. Then, set a default value by entering a value, setting to null, or setting a binding (optional).

You can also choose to set visibility rules to show the JSON Input based on rules.

‍

Design

Left and Top options only appear for top-level components (components that are placed directly onto the Space canvas).

Left: Set the distance of this component from the left edge of the Space canvas (x-axis position). This can be expressed as a % of the canvas or as a number of pixels.

Top: Set the distance of this component from the top edge of the Space canvas (y-axis position). This can be expressed as a % of the canvas or as a number of pixels.

‍

Width: Set the width of this component as a number of pixels or as a % of the containing unit.

Height: Set the height of this component as a number of pixels or as a % of the containing unit.

If the component is a top-level component, the containing unit is the Space canvas.

If the component is in-line within another component, the containing unit is the parent component.

If the component is within a flexbox component, the containing unit is the flexbox.

‍

Snap to Grid: Set the edges of this component to snap to the grid canvas in the Space.

‍

‍