| 1 | ### HTML
|
| 2 |
|
| 3 | The `form` component has been simplified. `.bx--form` has been removed since it was not providing anything significant. Your forms should still be contained in a `<form>` element but the `.bx--form` class is unneeded.
|
| 4 | The `.bx--form__row` and `.bx--form__row--column` classes for form layout have been removed. Form styles will no longer dictate default layouts. See HTML docs for more details
|
| 5 |
|
| 6 | The form component supplies 3 classes.
|
| 7 |
|
| 8 | - `.bx--form-item`
|
| 9 | - `.bx--label`
|
| 10 | - `.bx--form-requirement`
|
| 11 |
|
| 12 | Styles for form components such as `text-input` are contained in their own component files.
|
| 13 |
|
| 14 | For full usage guidelines of the new HTML see the component README file.
|
| 15 |
|
| 16 | ### SCSS
|
| 17 |
|
| 18 | The `_form.scss` file is now located at `src/components/form/_form.scss`. You will need to update any `@import` statements for this file to reflect this change.
|
| 19 |
|
| 20 | **New**:
|
| 21 |
|
| 22 | ```scss
|
| 23 | @import 'path_to_node_modules/carbon-components/src/components/form/form';
|
| 24 | ```
|
| 25 |
|
| 26 | **Old**:
|
| 27 |
|
| 28 | ```scss
|
| 29 | @import 'path_to_node_modules/@console/bluemix-components/src/components/form/form';
|
| 30 | ```
|
| 31 |
|
| 32 | Quite a few class names have changed. See table below.
|
| 33 |
|
| 34 | | Old Class | New Class | Note |
|
| 35 | | ------------------------ | -------------------- | ------- |
|
| 36 | | bx--form\_\_row-item | bx--form-item | Changed |
|
| 37 | | bx--form\_\_label | bx--label | Changed |
|
| 38 | | bx--form\_\_requirements | bx--form-requirement | Changed |
|
| 39 | | bx--form\_\_row | N/A | Removed |
|
| 40 | | bx--form\_\_row--column | N/A | Removed |
|
| 41 | | | bx--fieldset | Added |
|