element-plus/website/docs/es/empty.md

1.4 KiB

Empty

Placeholder hints for empty states.

Basic usage

:::demo

<template>
  <el-empty description="descrição"></el-empty>
</template>

:::

Custom image

Use image prop to set image URL.

:::demo

<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

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

:::

Bottom content

Use the default slot to insert content at the bottom.

:::demo

<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