mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-06 02:15:35 +08:00
24 lines
970 B
TypeScript
24 lines
970 B
TypeScript
|
import React, { useState } from 'react';
|
||
|
import { Button, Input } from 'antd';
|
||
|
|
||
|
const { TextArea } = Input;
|
||
|
|
||
|
const defaultValue =
|
||
|
'The autoSize property applies to textarea nodes, and only the height changes automatically. In addition, autoSize can be set to an object, specifying the minimum number of rows and the maximum number of rows. The autoSize property applies to textarea nodes, and only the height changes automatically. In addition, autoSize can be set to an object, specifying the minimum number of rows and the maximum number of rows.';
|
||
|
|
||
|
const App: React.FC = () => {
|
||
|
const [autoResize, setAutoResize] = useState(false);
|
||
|
|
||
|
return (
|
||
|
<>
|
||
|
<Button onClick={() => setAutoResize(!autoResize)} style={{ marginBottom: 16 }}>
|
||
|
Auto Resize: {String(autoResize)}
|
||
|
</Button>
|
||
|
<TextArea rows={4} autoSize={autoResize} defaultValue={defaultValue} />
|
||
|
<TextArea allowClear style={{ width: 93 }} />
|
||
|
</>
|
||
|
);
|
||
|
};
|
||
|
|
||
|
export default App;
|