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 {