import React from 'react'; import { InfoCircleOutlined, UserOutlined } from '@ant-design/icons'; import { Input, Tooltip } from 'antd'; const App: React.FC = () => ( <> <Input placeholder="Enter your username" prefix={<UserOutlined style={{ color: 'rgba(0,0,0,.25)' }} />} suffix={ <Tooltip title="Extra information"> <InfoCircleOutlined style={{ color: 'rgba(0,0,0,.45)' }} /> </Tooltip> } /> <br /> <br /> <Input prefix="¥" suffix="RMB" /> <br /> <br /> <Input prefix="¥" suffix="RMB" disabled /> </> ); export default App;