diff --git a/projects/dxc-ngx-cdk-site/src/app/components/examples/select/properties/select-properties/select-properties.component.html b/projects/dxc-ngx-cdk-site/src/app/components/examples/select/properties/select-properties/select-properties.component.html
index 89a0ed006..5d73734f7 100644
--- a/projects/dxc-ngx-cdk-site/src/app/components/examples/select/properties/select-properties/select-properties.component.html
+++ b/projects/dxc-ngx-cdk-site/src/app/components/examples/select/properties/select-properties/select-properties.component.html
@@ -72,6 +72,11 @@
invalid.
+
+ assistiveText: string |
+ |
+ Assistive text to be placed bellow the input. |
+
tabIndexValue: number |
0 |
diff --git a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
index 7333facee..e63c25adf 100644
--- a/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
+++ b/projects/dxc-ngx-cdk/src/lib/dxc-select/select.html
@@ -28,6 +28,7 @@
+{{assistiveText}}
@Input() public label = "";
+ @Input() public assistiveText = "";
+
private floatingLabel = false;
/** Aria label of the select. If not specified, the placeholder will be used as label. */
@@ -1353,10 +1355,12 @@ export abstract class _MatSelectBase
&.mat-select-disabled .mat-select-value {
color: var(--select-disabledColor);
}
+ .assistiveText {
+ font-size: 12px;
+ font-family: var(--fontFamily);
+ }
.assistiveText:not(.mat-select-disabled) {
color: var(--select-color);
- font-size: 15px;
- font-family: var(--fontFamily);
}
.selectLabel {