For the complete documentation index, see /llms.txt. A single-fetch full bundle is at /llms-full.txt. Every docs page is also available as Markdown by appending .md to its URL, or by requesting it with Accept: text/markdown.

ValidationDisplay

Composed view combining VerificationBadge, ValidationScore, and ValidationList into a single unified validation panel.

Warning
The Validation Registry contracts aren't deployed on mainnet yet. On mainnet chains this component always renders its empty state. See Concepts › Validation Registry.

Preview

Usage

import { ValidationDisplay } from "@erc8004/ui"
<ValidationDisplay agentRegistry="eip155:8453:0x8004A169FB4a3325136EB29fA0ceB6D2e539a432" agentId={2290} />

Examples

Inside AgentProvider

Use AgentProvider to avoid repeating identity props.

<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={2290}>
  <ValidationDisplay />
</AgentProvider>

Constrained Width

Pass className to fit the composed panel into a sidebar or trust column.

<ValidationDisplay
  agentRegistry="eip155:8453:0x8004...a432"
  agentId={2290}
  className="max-w-sm"
/>

In Context

ValidationDisplay as a standalone trust panel on an agent profile page.

<AgentProvider agentRegistry="eip155:8453:0x8004...a432" agentId={2290}>
  <AgentCard />
  <ValidationDisplay />
</AgentProvider>

API Reference

PropTypeRequiredDefaultDescription
agentRegistrystringNoAgent registry in the format "eip155:{chainId}:{contractAddress}". Required unless inside an <AgentProvider>.
agentIdnumberNoERC-721 token ID of the agent. Required unless inside an <AgentProvider>.
classNamestringNoOptional CSS classes merged onto the component root for layout, spacing, or custom styling (e.g. Tailwind).

States

This component handles loading, error, empty, and not-found states internally. A skeleton placeholder is shown while fetching, an error message with details appears if the Subgraph is unreachable, and a short message is displayed when no data exists for this agent.