Empty State

Área de estado vazio com ícone, título e ações opcionais.

Uso

<script setup lang="ts">
import { EmptyState, Button } from '@halfbyte/maka'
</script>

<template>
  <EmptyState title="Nenhum resultado encontrado" description="Tente ajustar os filtros ou criar um novo item.">
    <template #actions>
      <Button>Criar item</Button>
    </template>
  </EmptyState>
</template>

Exemplos

<EmptyState title="Sem dados" description="Nenhum registro." />

<EmptyState title="Com borda" :bordered="true">
  <template #actions>
    <Button>Adicionar</Button>
  </template>
</EmptyState>

Props

Prop	Tipo	Padrão
title	string	obrigatório
description	string	—
bordered	boolean	false

Slots

Slot	Descrição
icon	Ícone customizado acima do título
actions	Botões ou ações abaixo do texto