mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-14 08:09:13 +08:00
d2c541b4e2
* 🎬 improve Input demo code * style: fix Input.Search height stretched by suffix close #23523 * fix react key warning * ✅ fix demo snapshot
1.4 KiB
1.4 KiB
order | title | ||||
---|---|---|---|---|---|
6 |
|
zh-CN
autoSize
属性适用于 textarea
节点,并且只有高度会自动变化。另外 autoSize
可以设定为一个对象,指定最小行数和最大行数。
en-US
autoSize
prop for a textarea
type of Input
makes the height to automatically adjust based on the content. An options object can be provided to autoSize
to specify the minimum and maximum number of lines the textarea will automatically adjust.
import { Input } from 'antd';
const { TextArea } = Input;
class Demo extends React.Component {
state = {
value: '',
};
onChange = ({ target: { value } }) => {
this.setState({ value });
};
render() {
const { value } = this.state;
return (
<>
<TextArea placeholder="Autosize height based on content lines" autoSize />
<div style={{ margin: '24px 0' }} />
<TextArea
placeholder="Autosize height with minimum and maximum number of lines"
autoSize={{ minRows: 2, maxRows: 6 }}
/>
<div style={{ margin: '24px 0' }} />
<TextArea
value={value}
onChange={this.onChange}
placeholder="Controlled autosize"
autoSize={{ minRows: 3, maxRows: 5 }}
/>
</>
);
}
}
ReactDOM.render(<Demo />, mountNode);