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
Markdown
### 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.