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

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

## zh-CN

基本使用。

## en-US

Basic usage example.

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

const App: React.FC = () => <Input placeholder="Basic usage" />;

export default App;
```
fix #1771 2016-05-25 18:21:27 +08:00			`---`
			`order: 0`
docs: Translation of Input component and its demos. (#2789) 2016-08-22 09:53:39 +08:00			`title:`
:lipstick: prittier all files 2019-05-07 14:57:32 +08:00			`zh-CN: 基本使用`
			`en-US: Basic usage`
fix #1771 2016-05-25 18:21:27 +08:00			`---`

docs: Translation of Input component and its demos. (#2789) 2016-08-22 09:53:39 +08:00			`## zh-CN`

fix #1771 2016-05-25 18:21:27 +08:00			`基本使用。`

docs: Translation of Input component and its demos. (#2789) 2016-08-22 09:53:39 +08:00			`## en-US`

site: improve responsive layout 2017-02-21 23:26:10 +08:00			`Basic usage example.`
docs: Translation of Input component and its demos. (#2789) 2016-08-22 09:53:39 +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
			`import React from 'react';`
fix #1771 2016-05-25 18:21:27 +08:00			`import { Input } from 'antd';`

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 = () => <Input placeholder="Basic usage" />;`

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