Skip to main content

MultiSelect Attribute

Docusaurus logo

How to use in JSON metadata in form builder:

{
"id": "multiselect",
"new_id": "select",
"is_standard": true,
"editable": true,
"display_order": 11,
"select_icon": "menu-down",
"label": "MultiSelect field",
"input_type": "MULTISELECT",
"input_options": [],
"placeholder_text": "Placeholder",
"initial_value": "",
"background_color": "primary.300",
"mode": "outlined",
"validation_rules": {}
}

Properties of multiSelect attribute:

#AttributeDefaultDescription
1idmultiselectThis value won't change!
2new_idNew attribute id to use in form
3is_standardtrue
4editabletrueAllows user to edit the input field
5display_order1Allows user to define the order of the fields
6select_iconmenu-downHelps to add icon to the field eg: iconName from vector Icon (https://pictogrammers.com/library/mdi/?welcome)
7labelSelect fieldUsed to specify the label of the field
8input_typeMULTISELECTBase attribute which specifies input types. (no need to change)
9input_options[]Here you have to specify about the option you need in dropdown
10placeholder_textPlaceholderPlaceholder temporarily takes the place of the final data
11initial_value" "It defines the initial value in the input field
12background_colorwhiteTheme colors can be used here. e.g. primary.100 or red.300
13modeoutlined'flat' or 'outlined' Check mode value from https://callstack.github.io/react-native-paper/docs/components/TextInput/
14validation_ruleshttps://react-hook-form.com/get-started#IntegratingControlledInputs -> rules