ant-design/components/input-number/demo/presuffix.tsx
ice 10e46c107e
feat(input-number): add suffix prop & change controls animation (#49674)
* feat: add suffix prop & change controls animation

* feat: add opacity

* refactor: calc

* refactor: change file

* test: change text

---------

Co-authored-by: afc163 <afc163@gmail.com>
2024-07-10 14:43:39 +08:00

21 lines
521 B
TypeScript

import React from 'react';
import { UserOutlined } from '@ant-design/icons';
import { InputNumber } from 'antd';
const App: React.FC = () => (
<>
<InputNumber prefix="¥" style={{ width: '100%' }} />
<br />
<br />
<InputNumber addonBefore={<UserOutlined />} prefix="¥" style={{ width: '100%' }} />
<br />
<br />
<InputNumber prefix="¥" disabled style={{ width: '100%' }} />
<br />
<br />
<InputNumber suffix="RMB" style={{ width: '100%' }} />
</>
);
export default App;