Expanding value pair
Create additional paired fields.
Expanding value pair orc-c-expanding-value-pair
Create additional paired fields.
Usage
When to use
This allows the user to add and label an additional value, useful on profiles and user settings.
When to consider an alternative
To allow the user to input lengthier text in response to a specific question, use a text field or textarea field.
Class Name | Description |
---|---|
Required
|
Apply to the expanding value pair containing HTML element. This helps with customizing the styling of the elements within this component. |
JS
|
Add to the |
Required
|
Container of the |
Required
|
Form field within the |
JS
|
Class added to |
Required
|
Word or short phrase applied to an |
Required
|
Form field container that houses the select or text input of the expanding value pair |
Required
|
Button within the expanding value pair that allows a user to add an additional set of fields. |
JS
|
Required for JavaScript to create new rows of fields. This will also add an additional button next to the form fields that can remove a row until there is one row left. |