ant-design/components/input/demo/search-input.md
偏右 dab6f43c02 Feat search enter button (#7620)
* Add enterButton for Input.Search

close #7596

* update snapshot
2017-09-15 17:03:43 +08:00

733 B

order title
4
zh-CN en-US
搜索框 Search box

zh-CN

带有搜索按钮的输入框,2.5.0 时新增。

en-US

Example of creating a search box by grouping a standard input with a search button, added in 2.5.0.

import { Input } from 'antd';
const Search = Input.Search;

ReactDOM.render(
  <div>
    <Search
      placeholder="input search text"
      onSearch={value => console.log(value)}
      style={{ width: 200 }}
    />
    <br /><br />
    <Search
      placeholder="input search text"
      onSearch={value => console.log(value)}
      enterButton
    />
    <br /><br />
    <Search placeholder="input search text" enterButton="Search" size="large" />
  </div>
, mountNode);