EmptyState

Ação e status

Lista ou busca sem resultado. Diz o que aconteceu e, quando dá, oferece a ação seguinte.

Substitui no Brain:ds EmptyStateHomeEmptyVazioDaAba

Busca sem resultado

Nenhum parceiro encontrado

Tente outro termo de busca.

Nenhum parceiro encontrado

Tente outro termo de busca.

import { Button, EmptyState } from "@paytime/ui";

export default function Example() {
  return (
    <EmptyState
      title="Nenhum parceiro encontrado"
      description="Tente outro termo de busca."
      action={<Button size="sm">Novo parceiro</Button>}
    />
  );
}

Com outro ícone, sem cartão

Nada por aqui

Quando chegar uma tarefa, ela aparece nesta lista.

Nada por aqui

Quando chegar uma tarefa, ela aparece nesta lista.

import { EmptyState } from "@paytime/ui";
import { Inbox } from "lucide-react";

export default function Example() {
  return (
    <EmptyState framed={false} icon={<Inbox />} title="Nada por aqui" description="Quando chegar uma tarefa, ela aparece nesta lista." />
  );
}