ant-design/components/input-number/demo/basic.md

---
order: 0
title:
  zh-CN: 基本
  en-US: Basic
---

## zh-CN

数字输入框。

## en-US

Numeric-only input box.

```tsx
import { InputNumber } from 'antd';
import React from 'react';

const onChange = (value: number) => {
  console.log('changed', value);
};

const App: React.FC = () => <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />;

export default App;
```
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
			`order: 0`
docs: fix InputNumber demos' format 2016-08-18 15:59:07 +08:00			`title:`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`zh-CN: 基本`
			`en-US: Basic`
docs: update demo format 2016-03-31 09:40:55 +08:00			`---`
add input-number 2015-07-01 14:48:47 +08:00
docs: fix InputNumber demos' format 2016-08-18 15:59:07 +08:00			`## zh-CN`

			`数字输入框。`

			`## en-US`

docs: the translation of Input-number (#2707) 2016-08-18 15:46:11 +08:00			`Numeric-only input box.`
add input-number 2015-07-01 14:48:47 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			```tsx
ES6 syntax for demo code fix antd.notification 2015-10-28 20:55:49 +08:00			`import { InputNumber } from 'antd';`
chore: merge master 2022-05-23 14:37:16 +08:00			`import React from 'react';`
add input-number 2015-07-01 14:48:47 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const onChange = (value: number) => {`
improve input number demos 2015-07-15 16:13:00 +08:00			`console.log('changed', value);`
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`};`
add input-number 2015-07-01 14:48:47 +08:00
docs: feat components TS demo (#34742) * docs: add general components TS demo * docs: add layout components TS demo * docs: add navigation components TS demo * docs: add data entry components TS demo * chore(deps): add types for qs * docs: add data display TS demo * docs: add feedback components TS demo * docs: add other components TS demo * chore(deps): add types * docs: unified demo code style * docs: fix lint error * docs: add demo TS type * docs: fix demo TS type * test: update snapshot * docs: fix TS demo * feat: update Rate character type * docs: fix lint error * feat: update Rate character type * feat: update Rate character type 2022-05-19 09:46:26 +08:00			`const App: React.FC = () => <InputNumber min={1} max={10} defaultValue={3} onChange={onChange} />;`

			`export default App;`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			```