mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-05 05:28:20 +08:00
3af521d422
* feat: Input filled variant * feat: InputNumber filled variant * feat: mentions variant * fix: TextArea status with affix * chore: update snapshot * chore: update snapshot * feat: pagination input * fix: fix diff * feat: input-number disabled * fixL InputNumber * chore: update snapshot * feat: better style * chore: update * chore: update snapshot * feat: use variant classNames * chore: update snapshot * feat: mentions affix style * chore
47 lines
1.7 KiB
TypeScript
47 lines
1.7 KiB
TypeScript
import React from 'react';
|
|
import { Flex, InputNumber } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Flex vertical gap={12}>
|
|
<Flex gap={12}>
|
|
<InputNumber placeholder="Filled" variant="filled" />
|
|
<InputNumber placeholder="Filled" variant="filled" disabled />
|
|
<InputNumber placeholder="Filled" variant="filled" status="error" />
|
|
</Flex>
|
|
<Flex gap={12}>
|
|
<InputNumber prefix="$" placeholder="Filled" variant="filled" />
|
|
<InputNumber prefix="$" placeholder="Filled" variant="filled" disabled />
|
|
<InputNumber prefix="$" placeholder="Filled" variant="filled" status="error" />
|
|
</Flex>
|
|
<Flex gap={12}>
|
|
<InputNumber addonBefore="http://" addonAfter=".com" placeholder="Filled" variant="filled" />
|
|
<InputNumber
|
|
addonBefore="http://"
|
|
addonAfter=".com"
|
|
placeholder="Filled"
|
|
variant="filled"
|
|
disabled
|
|
/>
|
|
<InputNumber
|
|
addonBefore="http://"
|
|
addonAfter=".com"
|
|
placeholder="Filled"
|
|
variant="filled"
|
|
status="error"
|
|
/>
|
|
</Flex>
|
|
<Flex gap={12}>
|
|
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" />
|
|
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" disabled />
|
|
<InputNumber addonAfter=".com" placeholder="Filled" variant="filled" status="error" />
|
|
</Flex>
|
|
<Flex gap={12}>
|
|
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" />
|
|
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" disabled />
|
|
<InputNumber addonBefore="http://" placeholder="Filled" variant="filled" status="error" />
|
|
</Flex>
|
|
</Flex>
|
|
);
|
|
|
|
export default App;
|