ErrorState

Ação e status

Falha da página inteira: sem acesso, página não encontrada ou erro ao carregar. Diz o que houve e oferece a saída; detalhe técnico vai para o log.

Substitui no Brain:AccessDenied

Sem acesso e erro ao carregar

Acesso restrito

Você não tem permissão para acessar esta página.

Voltar para o início

Não foi possível carregar

Algo falhou do nosso lado. Tente de novo em instantes.

Acesso restrito

Você não tem permissão para acessar esta página.

Voltar para o início

Não foi possível carregar

Algo falhou do nosso lado. Tente de novo em instantes.

"use client";

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

export default function Example() {
  return (
    <div className="grid gap-4 xl:grid-cols-2">
      <ErrorState
        kind="forbidden"
        className="min-h-0"
        action={
          <Button asChild tone="neutral" variant="outline" size="sm">
            <a href="/">Voltar para o início</a>
          </Button>
        }
      />
      <ErrorState kind="error" className="min-h-0" onRetry={() => toast("Tentando de novo…")} />
    </div>
  );
}