Empty State

Fallback content for empty lists and search results.

Import

import { EmptyState } from '@heroui-vue/vue'

Usage

No matching components

Try another keyword or clear the current filter.

<template>
  <EmptyState class="min-h-48">
    <div class="text-center">
      <p class="font-medium">No matching components</p>
      <p class="mt-1 text-sm text-default-500">Try another keyword or clear the current filter.</p>
    </div>
  </EmptyState>
</template>

<script setup>
import { EmptyState } from '@heroui-vue/vue'
</script>

API

Prop	Type	Default	Description
class	string	undefined	Custom class