mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-03 12:38:58 +08:00
3ef6ea3ead
* refactor: some styles to reduce css bundle size * test: update snapshot * fix snapshot * fix test case * fix addonAfter * fix firefox style * reduce riddon css size * fix Input.Group border radius * remove unused css selectors * fix test cov * fix search button hover border * fix rtl textarea clear icon style * update demos * fix search rtl style * fix input search style
1010 B
1010 B
| order | title | ||||
|---|---|---|---|---|---|
| 4 |
|
zh-CN
带有搜索按钮的输入框。
en-US
Example of creating a search box by grouping a standard input with a search button.
import { Input } from 'antd';
import { AudioOutlined } from '@ant-design/icons';
const { Search } = Input;
const suffix = (
<AudioOutlined
style={{
fontSize: 16,
color: '#1890ff',
}}
/>
);
const onSearch = value => console.log(value);
ReactDOM.render(
<>
<Search placeholder="input search text" onSearch={onSearch} style={{ width: 200 }} />
<br />
<br />
<Search placeholder="input search text" onSearch={onSearch} enterButton />
<br />
<br />
<Search placeholder="input search text" enterButton="Search" size="large" onSearch={onSearch} />
<br />
<br />
<Search
placeholder="input search text"
enterButton="Search"
size="large"
suffix={suffix}
onSearch={onSearch}
/>
</>,
mountNode,
);