diff --git a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.css b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.css index 60f6e261b7ef..ba363902eaae 100644 --- a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.css +++ b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.css @@ -28,3 +28,23 @@ .example-result-card h2 { margin: 0 8px; } + +.example-result-card .example-label-container.example-label-horizontal { + display: flex; + justify-content: space-between; + margin: 0 0 12px 16px; + max-width: 284px; +} + +.example-result-card .example-label-container.example-label-vertical { + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-between; + max-width: 68px; + height: 48px; +} + +.example-result-card .example-value-label { + font-weight: 600; +} diff --git a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html index 0cbbcd2ec906..4ab3210c8805 100644 --- a/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html +++ b/src/components-examples/material/slider/slider-configurable/slider-configurable-example.html @@ -51,7 +51,13 @@

Slider configuration

Result

+
+
+
+ + +
Result [thumbLabel]="thumbLabel" [tickInterval]="getSliderTickInterval()" [(ngModel)]="value" - [vertical]="vertical"> + [vertical]="vertical" + aria-labelledby="example-name-label">
diff --git a/src/components-examples/material/slider/slider-formatting/slider-formatting-example.html b/src/components-examples/material/slider/slider-formatting/slider-formatting-example.html index 4cf20026eff9..e14074a23bfa 100644 --- a/src/components-examples/material/slider/slider-formatting/slider-formatting-example.html +++ b/src/components-examples/material/slider/slider-formatting/slider-formatting-example.html @@ -2,5 +2,7 @@ thumbLabel [displayWith]="formatLabel" tickInterval="1000" - min="1" - max="100000"> + step="1000" + min="0" + max="100000" + aria-label="units"> diff --git a/src/components-examples/material/slider/slider-harness/slider-harness-example.html b/src/components-examples/material/slider/slider-harness/slider-harness-example.html index 459a5d5a2130..d0007181acf2 100644 --- a/src/components-examples/material/slider/slider-harness/slider-harness-example.html +++ b/src/components-examples/material/slider/slider-harness/slider-harness-example.html @@ -1 +1 @@ - + diff --git a/src/components-examples/material/slider/slider-overview/slider-overview-example.html b/src/components-examples/material/slider/slider-overview/slider-overview-example.html index 49162f5fe3ec..d1d3d7832eeb 100644 --- a/src/components-examples/material/slider/slider-overview/slider-overview-example.html +++ b/src/components-examples/material/slider/slider-overview/slider-overview-example.html @@ -1 +1 @@ - +