- Label
- Code
- Label
- Label Span
- Input Span
- Read Only
- Value Field
- Title
- Description
- Avatar
- Selected Item
- Schema Name
- Datasource
- Render in Cards
- Add new item
Label
Label to be displayed alongside the field, if you don’t define a label, the input will be displayed anywayCode
The path to the context. This path is used to set/get the value from the contextLabel and Input Span
These props are used to determine the space occupied by the label and the inputRead Only
Disable the fieldValue Field
This field is used to get/set the selected value from the context. For instance, if you remote drop-down fetch a list of People (withPersonId and Name) and you want to save the PersonId you must configure it as the value field.
Title, Description, and Avatar
These fields allow determining which props of the fetched data you want to display to the users This configuration results in this:Datasource
More details on data sources sectionSelected Item
In some cases, we need not just save the Id of the selected (PersonId) item but the entire item (Person) into the context. To save the entire object you must define the path (SelectedPerson) where this object will be saved.
Schema Name
In paginated scenarios, we need to fetch the data plus the selected item, to get the selected item we use the GetById (Country($Id)) methods in Graphql, but that sometimes does not match the same name as the GetAll (Countries($where)) method used in the data source to fetch all items.
Countries but Country
In this case, we need to set the Schema Name to Country