ant-design/components/input-number/demo/prefix.md
2022-01-02 15:16:21 +08:00

582 B

order title
7
zh-CN en-US
前缀 Prefix

zh-CN

在输入框上添加前缀图标。

en-US

Add a prefix inside input.

import { InputNumber } from 'antd';
import { InfoCircleOutlined, SmileOutlined, UserOutlined } from '@ant-design/icons';

ReactDOM.render(
  <>
    <InputNumber prefix="¥" style={{ width: '100%' }} />
    <br />
    <br />
    <InputNumber addonBefore={<UserOutlined />} prefix="¥" style={{ width: '100%' }} />
    <br />
    <br />
    <InputNumber prefix="¥" disabled style={{ width: '100%' }} />
  </>,
  mountNode,
);