UNPKG

carbon-components

Version:

The Carbon Design System is IBM’s open-source design system for products and experiences.

49 lines (39 loc) 1.26 kB
### HTML Our internal changes involves re-ordering the markup. Please see the new structure below and reference the [slider page](https://next.carbondesignsystem.com/components/form/code) in our site to copy the specified new markup. React and other framework variants should reflect the change automatically. **Things to note**: - `bx—label` is the only element that has moved. - There is no new markup. **New structure**: ```bash bx--form-item ├── bx--label └── bx--slider-container ├── bx--slider__range-label ├── bx--slider │ ├── bx--slider__thumb │ ├── bx--slider__track │ ├── x--slider__filled-track │ └── bx--slider__input ├── bx--slider__range-label └── bx--text-input bx--slider-text-input ``` **Old structure**: ```bash bx--form-item └── bx--slider-container ├── bx--slider__range-label ├── bx--slider │ ├── bx--slider__thumb │ ├── bx--slider__track │ ├── x--slider__filled-track │ └── bx--slider__input ├── bx--label ├── bx--slider__range-label └── bx--text-input bx--slider-text-input ``` ### SCSS No selector changes.