diff --git a/components/checkbox/README.md b/components/checkbox/README.md index 48b6b923..0f510f7a 100644 --- a/components/checkbox/README.md +++ b/components/checkbox/README.md @@ -78,10 +78,10 @@ import "@auro-formkit/-formkit/-formkit/auro-checkbox"; ```html Form label goes here - Checkbox option - Checkbox option - Checkbox option - Checkbox option + Checkbox option + Checkbox option + Checkbox option + Checkbox option ``` @@ -127,10 +127,10 @@ The `` element should be used in situations where users may: ```html Form label goes here - Checkbox option - Checkbox option - Checkbox option - Checkbox option + Checkbox option + Checkbox option + Checkbox option + Checkbox option ``` diff --git a/components/checkbox/apiExamples/basic.html b/components/checkbox/apiExamples/basic.html index 5f778cb3..d3ed8636 100644 --- a/components/checkbox/apiExamples/basic.html +++ b/components/checkbox/apiExamples/basic.html @@ -1,7 +1,7 @@ Form label goes here - Checkbox option - Checkbox option - Checkbox option - Checkbox option + Checkbox option + Checkbox option + Checkbox option + Checkbox option diff --git a/components/checkbox/apiExamples/customCheckbox.html b/components/checkbox/apiExamples/customCheckbox.html index a2820edb..92fd3f92 100644 --- a/components/checkbox/apiExamples/customCheckbox.html +++ b/components/checkbox/apiExamples/customCheckbox.html @@ -1,7 +1,7 @@ Form label goes here - Custom checkbox option - Custom checkbox option - Custom checkbox option - Custom checkbox option + Custom checkbox option + Custom checkbox option + Custom checkbox option + Custom checkbox option diff --git a/components/checkbox/apiExamples/disabled.html b/components/checkbox/apiExamples/disabled.html index c202582f..51bf5441 100644 --- a/components/checkbox/apiExamples/disabled.html +++ b/components/checkbox/apiExamples/disabled.html @@ -1,7 +1,7 @@ Form label goes here - Checkbox option - Disabled checkbox option - Disabled checkbox option - Checkbox option + Checkbox option + Disabled checkbox option + Disabled checkbox option + Checkbox option diff --git a/components/checkbox/apiExamples/disabledGroup.html b/components/checkbox/apiExamples/disabledGroup.html index 97623efc..35c243c1 100644 --- a/components/checkbox/apiExamples/disabledGroup.html +++ b/components/checkbox/apiExamples/disabledGroup.html @@ -1,7 +1,7 @@ Form label goes here - Disabled checkbox option - Disabled checkbox option - Disabled checkbox option - Disabled checkbox option + Disabled checkbox option + Disabled checkbox option + Disabled checkbox option + Disabled checkbox option diff --git a/components/checkbox/apiExamples/errorGroup.html b/components/checkbox/apiExamples/errorGroup.html index 31b71081..c0c7ec89 100644 --- a/components/checkbox/apiExamples/errorGroup.html +++ b/components/checkbox/apiExamples/errorGroup.html @@ -1,7 +1,7 @@ Form label goes here - Error checkbox option - Error checkbox option - Error checkbox option - Error checkbox option + Error checkbox option + Error checkbox option + Error checkbox option + Error checkbox option diff --git a/components/checkbox/apiExamples/horizontal.html b/components/checkbox/apiExamples/horizontal.html index 0bba778c..7c873529 100644 --- a/components/checkbox/apiExamples/horizontal.html +++ b/components/checkbox/apiExamples/horizontal.html @@ -1,6 +1,6 @@ Form label goes here - Yes - No - Maybe + Yes + No + Maybe diff --git a/components/checkbox/apiExamples/horizontalLimit.html b/components/checkbox/apiExamples/horizontalLimit.html index 50f1bc07..3ce18767 100644 --- a/components/checkbox/apiExamples/horizontalLimit.html +++ b/components/checkbox/apiExamples/horizontalLimit.html @@ -1,7 +1,7 @@ Form label goes here - Yes - No - Maybe - Not Sure + Yes + No + Maybe + Not Sure diff --git a/components/checkbox/apiExamples/required.html b/components/checkbox/apiExamples/required.html index ac17e624..42ad6df7 100644 --- a/components/checkbox/apiExamples/required.html +++ b/components/checkbox/apiExamples/required.html @@ -1,7 +1,7 @@ Form label goes here - Checkbox option - Checkbox option - Checkbox option - Checkbox option + Checkbox option + Checkbox option + Checkbox option + Checkbox option diff --git a/components/checkbox/apiExamples/resetState.html b/components/checkbox/apiExamples/resetState.html index ea7cfe0b..96f8aa36 100644 --- a/components/checkbox/apiExamples/resetState.html +++ b/components/checkbox/apiExamples/resetState.html @@ -3,8 +3,8 @@ Form label goes here - Checkbox option - Checkbox option - Checkbox option - Checkbox option + Checkbox option + Checkbox option + Checkbox option + Checkbox option diff --git a/components/checkbox/docs/api.md b/components/checkbox/docs/api.md index be6d850f..89109321 100644 --- a/components/checkbox/docs/api.md +++ b/components/checkbox/docs/api.md @@ -51,7 +51,7 @@ Custom element for the purpose of allowing users to select one or more options o | `disabled` | `disabled` | `Boolean` | false | If set to true, the checkbox will not be clickable. | | `error` | `error` | `Boolean` | false | If set to true, sets an error state on the checkbox. | | `id` | `id` | `String` | | Sets the individual `id` per element. | -| `name` | `name` | `String` | | Accepts any string, `DOMString` representing the value of the input. | +| `name` | `name` | `String` | | Accepts any string and is used to identify related checkboxes when submitting form data. | | `value` | `value` | `String` | | Sets the element's input value. Must be unique within an auro-checkbox-group element. | ## Methods diff --git a/components/checkbox/src/auro-checkbox.js b/components/checkbox/src/auro-checkbox.js index 07eb6338..25548129 100644 --- a/components/checkbox/src/auro-checkbox.js +++ b/components/checkbox/src/auro-checkbox.js @@ -22,7 +22,7 @@ import AuroLibraryRuntimeUtils from '@aurodesignsystem/auro-library/scripts/util * @attr {Boolean} disabled - If set to true, the checkbox will not be clickable. * @attr {Boolean} error - If set to true, sets an error state on the checkbox. * @attr {String} id - Sets the individual `id` per element. - * @attr {String} name - Accepts any string, `DOMString` representing the value of the input. + * @attr {String} name - Accepts any string and is used to identify related checkboxes when submitting form data. * @attr {String} value - Sets the element's input value. Must be unique within an auro-checkbox-group element. * @csspart checkbox - apply css to a specific checkbox. * @csspart checkbox-input - apply css to a specific checkbox's input.