## Empty

Placeholder hints for empty states.

### Basic usage

:::demo

```html
<template>
  <el-empty description="description"></el-empty>
</template>
```

:::

### Custom image

Use `image` prop to set image URL.

:::demo

```html
<template>
  <el-empty
    image="https://shadow.elemecdn.com/app/element/hamburger.9cf7b091-55e9-11e9-a976-7f4d0b07eef6.png"
  ></el-empty>
</template>
```

:::

### Image size

Use `image-size` prop to control image size.

:::demo

```html
<template>
  <el-empty :image-size="200"></el-empty>
</template>
```

:::

### Bottom content

Use the default slot to insert content at the bottom.

:::demo

```html
<template>
  <el-empty>
    <el-button type="primary">Button</el-button>
  </el-empty>
</template>
```

:::

### Empty Attributes

| Attribute   | Description        | Type   | Acceptable Value | Default Value |
| ----------- | ------------------ | ------ | ---------------- | ------------- |
| image       | image URL          | string | —                | —             |
| image-size  | image size (width) | number | —                | —             |
| description | description        | string | —                | —             |

### Empty Slots

| Name        | Description           |
| ----------- | --------------------- |
| default     | Custom bottom content |
| image       | Custom image          |
| description | Custom description    |