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