File tree Expand file tree Collapse file tree 2 files changed +8
-1
lines changed
packages/core/src/components/forms Expand file tree Collapse file tree 2 files changed +8
-1
lines changed Original file line number Diff line number Diff line change @@ -105,6 +105,7 @@ $control-group-stack: (
105
105
box-shadow : input-transition-shadow ($input-shadow-color-focus , true ), $input-box-shadow-focus ;
106
106
}
107
107
108
+ & [type = " search" ],
108
109
& .#{$ns } -round {
109
110
border-radius : $pt-input-height ;
110
111
// override normalize.css
@@ -151,6 +152,7 @@ $control-group-stack: (
151
152
height : $pt-input-height-large ;
152
153
line-height : $pt-input-height-large ;
153
154
155
+ & [type = " search" ],
154
156
& .#{$ns } -round {
155
157
padding : 0 ($input-padding-horizontal * 1.5 );
156
158
}
@@ -163,6 +165,7 @@ $control-group-stack: (
163
165
padding-left : $input-small-padding ;
164
166
padding-right : $input-small-padding ;
165
167
168
+ & [type = " search" ],
166
169
& .#{$ns } -round {
167
170
padding : 0 ($input-small-padding * 1.5 );
168
171
}
Original file line number Diff line number Diff line change @@ -30,7 +30,11 @@ For _multiline text_: use [**TextArea**](#core/components/text-area) instead.
30
30
31
31
@## Search input
32
32
33
- Apply the attribute ` type="search" ` to enable a handler for the <kbd >esc</kbd > key to clear the text in a search field forå some browsers.
33
+ Apply the attribute ` type="search" ` to style a text input as a search field. This styling is equivalent
34
+ to what is applied using the ` Classes.ROUND ` modifier class&mdash ; it is automatically applied for ` [type="search"] `
35
+ inputs.
36
+
37
+ Note that some browsers also implement a handler for the <kbd >esc</kbd > key to clear the text in a search field.
34
38
35
39
@reactExample SearchInputExample
36
40
You can’t perform that action at this time.
0 commit comments