diff --git a/src/demo-app/input/input-demo.html b/src/demo-app/input/input-demo.html index d1ddb5290166..4a24759a00b2 100644 --- a/src/demo-app/input/input-demo.html +++ b/src/demo-app/input/input-demo.html @@ -39,10 +39,11 @@ - + mode_edit - {{postalCode.value.length}} / 5 + {{postalCode.value.length}} / 5 @@ -153,7 +154,9 @@

Input

placeholder="Character count (100 max)" maxLength="100" value="Hello world. How are you?"> - {{characterCountInputHintExample.value.length}} / 100 + + {{characterCountInputHintExample.value.length}} / 100 +

@@ -164,7 +167,9 @@

Textarea

#characterCountTextareaHintExample placeholder="Character count (100 max)" maxLength="100">Hello world. How are you? - {{characterCountTextareaHintExample.value.length}} / 100 + + {{characterCountTextareaHintExample.value.length}} / 100 +

@@ -195,7 +200,7 @@

Textarea

- {{input.value.length}} / 100 + {{input.value.length}} / 100

@@ -218,16 +223,19 @@

Textarea

- {{hintLabelWithCharCount.value.length}} + {{hintLabelWithCharCount.value.length}}

- Enter some text to count how many characters are in it. The character count is shown on the right. + Enter some text to count how many characters are in it. The character count is shown on + the right. + + + Length: {{longHint.value.length}} - Length: {{longHint.value.length}}

@@ -249,7 +257,8 @@

Textarea

+ [placeholder]="hideRequiredMarker ? + 'Required Without Marker' : 'Required With Marker'">

@@ -327,11 +336,13 @@

Textarea

Forms - + + -