ant-design/components/input-number/demo/debug-token.tsx
二货爱吃白萝卜 92d813b543
fix: input-number inputFontSize ()
* fix: input-number inputFontSize

* chore: clean up

* chore: back of demo

* test: update snapshot
2024-06-12 15:55:18 +08:00

65 lines
1.3 KiB
TypeScript

import React from 'react';
import { ConfigProvider, InputNumber, Space } from 'antd';
export default () => (
<ConfigProvider
theme={{
components: {
InputNumber: {
handleWidth: 50,
},
},
}}
>
<Space wrap>
<InputNumber />
<ConfigProvider
theme={{
components: {
InputNumber: {
handleWidth: 25,
},
},
}}
>
<InputNumber />
</ConfigProvider>
<ConfigProvider
theme={{
components: {
InputNumber: {
paddingBlockLG: 12,
paddingInlineLG: 16,
},
},
}}
>
<Space wrap>
<InputNumber size="large" />
<InputNumber size="large" prefix="$" />
</Space>
</ConfigProvider>
<ConfigProvider
theme={{
components: {
InputNumber: {
inputFontSize: 30,
inputFontSizeSM: 20,
inputFontSizeLG: 40,
},
},
}}
>
<Space wrap>
<InputNumber defaultValue={11111} size="small" />
<InputNumber defaultValue={11111} />
<InputNumber defaultValue={11111} size="large" />
</Space>
</ConfigProvider>
</Space>
</ConfigProvider>
);