@springernature/global-forms
Advanced tools
Comparing version 5.0.0-rc.4 to 5.0.0-rc.5
@@ -31,6 +31,7 @@ { | ||
{ | ||
"template": "globalFormHidden", | ||
"name": "hidden", | ||
"id": "hidden", | ||
"value": "someSecretValue" | ||
"template": "globalFormPassword", | ||
"name": "password", | ||
"label": "Your password", | ||
"id": "password", | ||
"value": "123456" | ||
}, | ||
@@ -171,8 +172,2 @@ { | ||
"template": "globalFormCheckbox", | ||
"label": "Agree to our terms (basic)", | ||
"id": "checkbox-terms", | ||
"name": "checkbox-terms" | ||
}, | ||
{ | ||
"template": "globalFormCheckbox", | ||
"label": "Agree to our terms (with hint)", | ||
@@ -190,2 +185,16 @@ "hint": "You should have read these. Read them, then agree to them.", | ||
"name": "checkbox-terms-error" | ||
}, | ||
{ | ||
"template": "globalFormCheckbox", | ||
"label": "Checkbox with supplementary field", | ||
"id": "checkbox-sup", | ||
"name": "checkbox-sup", | ||
"fields": [ | ||
{ | ||
"template": "globalFormText", | ||
"label": "What is your membership number?", | ||
"id": "checkbox-membership", | ||
"name": "checkbox-membership" | ||
} | ||
] | ||
} | ||
@@ -232,2 +241,3 @@ ] | ||
"globalFormText": "./toolkits/global/packages/global-forms/view/fields/globalFormText.hbs", | ||
"globalFormPassword": "./toolkits/global/packages/global-forms/view/fields/globalFormPassword.hbs", | ||
"globalFormEmail": "./toolkits/global/packages/global-forms/view/fields/globalFormEmail.hbs", | ||
@@ -234,0 +244,0 @@ "globalFormSelect": "./toolkits/global/packages/global-forms/view/fields/globalFormSelect.hbs", |
# History | ||
## 5.0.0-rc.5 (2022-07-29) | ||
* `password` input type added | ||
* fixed long labels squishing checkboxes and radios | ||
* removed `role="presentation"` | ||
* supplementary fields for checkboxes | ||
## 5.0.0-rc.4 (2022-07-27) | ||
@@ -4,0 +10,0 @@ * `hidden` input type added |
{ | ||
"name": "@springernature/global-forms", | ||
"version": "5.0.0-rc.4", | ||
"version": "5.0.0-rc.5", | ||
"license": "MIT", | ||
@@ -5,0 +5,0 @@ "description": "form component", |
@@ -207,23 +207,2 @@ # Global Forms | ||
You might want to show users an additional field when they select a particular radio. For example, revealing a text input field for them to give more specific information about the option they’ve selected. | ||
These fields can have any properties of a standard form field. Set these properties using the `fields` property (an array), like this: | ||
```json | ||
{ | ||
"label": "Monkey", | ||
"value": "Monkey", | ||
"name": "animal", | ||
"fields": [ | ||
{ | ||
"template": "globalFormText", | ||
"label": "What type of monkey?", | ||
"id": "monkey-type", | ||
"name": "monkey-type", | ||
"hint": "Chimps are not monkeys" | ||
} | ||
] | ||
} | ||
``` | ||
Unlike radios, which are always used in sets of two or more, you can have a single checkbox field. To give users a set of checkbox choices, organise the checkboxes into a `fieldset`: | ||
@@ -251,2 +230,26 @@ | ||
#### Supplementary fields | ||
You might want to show users an additional field when they select a particular radio or checkbox. For example, revealing a text input field for them to give more specific information about the option they’ve selected. | ||
These fields can have any properties of a standard form field. Set these properties using the `fields` property (an array), like this: | ||
```json | ||
{ | ||
"label": "Monkey", | ||
"value": "Monkey", | ||
"name": "animal", | ||
"fields": [ | ||
{ | ||
"template": "globalFormText", | ||
"label": "What type of monkey?", | ||
"id": "monkey-type", | ||
"name": "monkey-type", | ||
"hint": "Chimps are not monkeys" | ||
} | ||
] | ||
} | ||
``` | ||
### Buttons | ||
@@ -273,3 +276,3 @@ | ||
The `modifiers` property is an array. Each value should match one of these modifiers form the brand context’s button utility styles: | ||
The `modifiers` property is an array. Each value should match one of these modifiers from the brand context’s button utility styles: | ||
@@ -276,0 +279,0 @@ * primary |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
72279
31
251
305