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

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

## zh-CN

简单的展示。

## en-US

Simplest Usage.

```tsx
import { Empty } from 'antd';

const App: React.FC = () => <Empty />;

export default App;
```
New Component: Empty (#13651) 2018-12-26 16:01:00 +08:00			`---`
			`order: 0`
			`title:`
			`zh-CN: 基本`
			`en-US: Basic`
			`---`

			`## zh-CN`

			`简单的展示。`

			`## en-US`

			`Simplest Usage.`

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
New Component: Empty (#13651) 2018-12-26 16:01:00 +08:00			`import { Empty } 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 = () => <Empty />;`

			`export default App;`
New Component: Empty (#13651) 2018-12-26 16:01:00 +08:00			```