element-plus-empty

The el-empty component provides attributes for image URL, image size, and description text to configure placeholder screens. You can use these props to consistently display empty states when conditional data is absent in your Vue interfaces.

Element Plus provides default, image, and description slots for the el-empty component. These slot hooks enable you to customize every region of the placeholder component by injecting custom content for specific front-end implementation needs.

Use an empty state component when crafting dashboards with conditional data views. It allows you to insert descriptive placeholder screens directly where data would normally render, ensuring consistent user experience when no data is available.

Yes, the Element Plus empty component supports custom image sizes through a dedicated image size attribute. You can configure this prop alongside the image URL and description attributes to control the visual scale of placeholder graphics.

The el-empty component is limited to displaying placeholder screens with image, description, and slot content. It does not handle data fetching or conditional rendering logic, serving purely as a presentational UI element for empty states within Vue applications.