One of the core concepts for building form applications in BEEKAI is composing. Form module is the first place to start your building journey.
Component Setting
Let's start with a focus on the component level. Each form will be composed of components. The following table will example each attribute and help you create your component.
General
Name
Description
Example
Type
What type of component to render for the user interface.
Label
A caption for an item in a user interface.
Name
This is the unique key to host your input data.
Placeholder
A string that provides a brief hint to the user
Tooltip
A short description to support your question.
Default value
This is the initial value
Autocomplete
It will recall previous values entered in the same input.
Options/Lists
Name
Description
Example
Label
Display label
Value
Data value to submit when that option is selected.
Validation
Name
Description
Required
If the input value is required.
Min
It defines the minimum value that is acceptable and valid
Max
It defines the maximum value that is acceptable and valid
Min length
It defines the minimum number of characters.
Max length
It defines the maximum number of characters.
Pattern
A regular expression the form control's value should match.
Validate
A custom validation logic.
Service
Name
Description
Example
Type
Different request types.
URL
The service request URL.
https://dog.ceo/api/breeds/list/all
Headers
Configure request headers.
Value path
Provide a path to retrieve object data.
Response data: { message: ['dogName'] }
Value path: message
Result: dogName
Store selected object
Enabled this option will store a separate field value with selected object data.