Empty

空状态占位。title 必填；可选描述、图标槽与操作槽。不提供 compact；高度由宿主外层控制。

基础

暂无内容

这里还没有任何项目。可添加数据或调整筛选条件。

<script setup lang="ts">
import { HEmpty, HButton } from 'happier-ui'
</script>

<template>
  <h-empty title="暂无内容" description="这里还没有数据。">
    <template #icon>
      <span aria-hidden="true">◎</span>
    </template>
    <h-button size="sm">添加内容</h-button>
  </h-empty>
</template>

仅标题 + 描述

搜索无结果

试试其他关键词。

API

Props

名称	类型	默认	说明
title	string	—	必填；主标题
description	string	—	辅助说明

Slots

名称	说明
icon	装饰图标区
default	操作区（按钮等）

Emits

无。

无障碍

• 语义 section + 标题
• 装饰 icon 由宿主提供 aria-hidden
• 操作槽内放可交互控件