Skip to content

Commit 7c815c8

Browse files
RudarDamanmmalerba
authored andcommitted
docs: responsiveness of form examples tab (#19660)
* docs: responsiveness of form examples tab * docs: responsiveness of form examples tab * docs: responsiveness of form examples tab in mdc form
1 parent 60ace86 commit 7c815c8

File tree

2 files changed

+35
-9
lines changed

2 files changed

+35
-9
lines changed
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,21 @@
11
<div [formGroup]="parts" class="example-tel-input-container">
2-
<input class="example-tel-input-element" formControlName="area" size="3"
3-
aria-label="Area code" (input)="_handleInput()">
2+
<input
3+
class="example-tel-input-element"
4+
formControlName="area" size="3"
5+
aria-label="Area code"
6+
(input)="_handleInput()">
47
<span class="example-tel-input-spacer">&ndash;</span>
5-
<input class="example-tel-input-element" formControlName="exchange" size="3"
6-
aria-label="Exchange code" (input)="_handleInput()">
8+
<input
9+
class="example-tel-input-element"
10+
formControlName="exchange"
11+
size="3"
12+
aria-label="Exchange code"
13+
(input)="_handleInput()">
714
<span class="example-tel-input-spacer">&ndash;</span>
8-
<input class="example-tel-input-element" formControlName="subscriber" size="4"
9-
aria-label="Subscriber number" (input)="_handleInput()">
15+
<input
16+
class="example-tel-input-element"
17+
formControlName="subscriber"
18+
size="4"
19+
aria-label="Subscriber number"
20+
(input)="_handleInput()">
1021
</div>
Lines changed: 18 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,22 @@
11
<div [formGroup]="parts" class="example-tel-input-container">
2-
<input class="example-tel-input-element" formControlName="area" size="3" aria-label="Area code" (input)="_handleInput()">
2+
<input
3+
class="example-tel-input-element"
4+
formControlName="area"
5+
size="3"
6+
aria-label="Area code"
7+
(input)="_handleInput()">
38
<span class="example-tel-input-spacer">&ndash;</span>
4-
<input class="example-tel-input-element" formControlName="exchange" size="3" aria-label="Exchange code" (input)="_handleInput()">
9+
<input
10+
class="example-tel-input-element"
11+
formControlName="exchange"
12+
size="3"
13+
aria-label="Exchange code"
14+
(input)="_handleInput()">
515
<span class="example-tel-input-spacer">&ndash;</span>
6-
<input class="example-tel-input-element" formControlName="subscriber" size="4" aria-label="Subscriber number" (input)="_handleInput()">
16+
<input
17+
class="example-tel-input-element"
18+
formControlName="subscriber"
19+
size="4"
20+
aria-label="Subscriber number"
21+
(input)="_handleInput()">
722
</div>

0 commit comments

Comments
 (0)