#  Empty

### Introduce

Placeholder prompt when empty

### Install

```javascript
import { Empty } from '@nutui/nutui-react-native'
```


## Demo

### Basic usage
```SnackPlayer name=Empty&dependencies=@nutui/nutui-react-native
import  React from "react";
import { Empty } from '@nutui/nutui-react-native';

const App = () => {
  return (
    <Empty description="No Data" />
  );
};
export default App;
```

### Custom content size
```SnackPlayer name=Empty&dependencies=@nutui/nutui-react-native
import  React from "react";
import { Empty } from '@nutui/nutui-react-native';

const App = () => {
  return (
    <Empty description="No Data" imageSize={100} />
  );
};
export default App;
```

### Picture type, 3 built-in
```SnackPlayer name=Empty&dependencies=@nutui/nutui-react-native
import  React from "react";
import { Empty } from '@nutui/nutui-react-native';

const App = () => {
  return (
    <div className="show">
      <Empty image="empty" description="No Content" />
      <Empty image="error" description="Load Failed" />
      <Empty image="network" description="No Network" />
    </div>
  );
};
export default App;
```

### Custom image
```SnackPlayer name=Empty&dependencies=@nutui/nutui-react-native
import  React from "react";
import { Empty } from '@nutui/nutui-react-native';

const App = () => {
  return (
    <Empty
      description="No Coupon" 
      image={<img src="https://static-ftcms.jd.com/p/files/61a9e3313985005b3958672e.png" alt=""/>}
     />
  );
};
export default App;
```


### Bottom content
```SnackPlayer name=Empty&dependencies=@nutui/nutui-react-native
import  React from "react";
import { Empty } from '@nutui/nutui-react-native';

const App = () => {
  return (
    <Empty image="error" description="Failed to load">
        <div style="margin-top: 10px">
            <nut-button icon="refresh" type="primary">Retry</nut-button>
        </div>
    </Empty>
  );
};
export default App;
```
## API

### Props

| Props    | Description                             | Type   | Default           |
|--------------|----------------------------------|--------|------------------|
| image         | Image type, the optional value is `error` `network` `empty`, which supports incoming image URLs             | ReactNode       |
| imageSize        | Image size, the unit of Number type is px                       | Number \| String | -       |
| description         | Description text below the image | ReactNode | No Data                |


