Skip to content

Commit 6a83e8a

Browse files
committed
[docs] Port mui#14023 to TS
1 parent a9b44a3 commit 6a83e8a

File tree

1 file changed

+5
-21
lines changed

1 file changed

+5
-21
lines changed

docs/src/pages/demos/text-fields/FilledInputAdornments.tsx

Lines changed: 5 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -78,11 +78,7 @@ class FilledInputAdornments extends React.Component<Props, State> {
7878
variant="filled"
7979
label="With filled TextField"
8080
InputProps={{
81-
startAdornment: (
82-
<InputAdornment variant="filled" position="start">
83-
Kg
84-
</InputAdornment>
85-
),
81+
startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
8682
}}
8783
/>
8884
<TextField
@@ -93,11 +89,7 @@ class FilledInputAdornments extends React.Component<Props, State> {
9389
value={this.state.weightRange}
9490
onChange={this.handleChange('weightRange')}
9591
InputProps={{
96-
startAdornment: (
97-
<InputAdornment variant="filled" position="start">
98-
Kg
99-
</InputAdornment>
100-
),
92+
startAdornment: <InputAdornment position="start">Kg</InputAdornment>,
10193
}}
10294
>
10395
{ranges.map(option => (
@@ -114,11 +106,7 @@ class FilledInputAdornments extends React.Component<Props, State> {
114106
value={this.state.amount}
115107
onChange={this.handleChange('amount')}
116108
InputProps={{
117-
startAdornment: (
118-
<InputAdornment variant="filled" position="start">
119-
$
120-
</InputAdornment>
121-
),
109+
startAdornment: <InputAdornment position="start">$</InputAdornment>,
122110
}}
123111
/>
124112
<TextField
@@ -130,11 +118,7 @@ class FilledInputAdornments extends React.Component<Props, State> {
130118
onChange={this.handleChange('weight')}
131119
helperText="Weight"
132120
InputProps={{
133-
endAdornment: (
134-
<InputAdornment variant="filled" position="end">
135-
Kg
136-
</InputAdornment>
137-
),
121+
endAdornment: <InputAdornment position="end">Kg</InputAdornment>,
138122
}}
139123
/>
140124
<TextField
@@ -147,7 +131,7 @@ class FilledInputAdornments extends React.Component<Props, State> {
147131
onChange={this.handleChange('password')}
148132
InputProps={{
149133
endAdornment: (
150-
<InputAdornment variant="filled" position="end">
134+
<InputAdornment position="end">
151135
<IconButton
152136
aria-label="Toggle password visibility"
153137
onClick={this.handleClickShowPassword}

0 commit comments

Comments
 (0)