Empty NEW

Used to display the status of empty data.

Basic usage

No data

<template>
  <o-empty />
</template>

<template>
  <o-empty />
</template>

Use description prop to set empty description. Use image prop to set image URL.

This is a Description

<template>
  <o-empty image="https://placeimg.com/400/225/arch" description="This is a Description" />
</template>

<template>
  <o-empty image="https://placeimg.com/400/225/arch" description="This is a Description" />
</template>

Use image-size prop to control image size.

No data

<template>
  <o-empty image="https://placeimg.com/400/225/arch" img-size="400" />
</template>

<template>
  <o-empty image="https://placeimg.com/400/225/arch" img-size="400" />
</template>

Use the default slot to insert content at the bottom.

No data

<template>
  <o-empty>
    <o-button type="primary">
      Click It
    </o-button>
  </o-empty>
</template>

<template>
  <o-empty>
    <o-button type="primary">
      Click It
    </o-button>
  </o-empty>
</template>

Name	Type	Default	Description
description	`string`	`No data`	Empty description.
image	`string`	`undefined`	Empty image URL.
image-size	`string`	`undefined`	Customized Empty image width.