Skip to content
Agents / MCP

Result viewer

Readable text, structured content and media, with raw data one click away.

Registry
Loading state
Result

Found 2 matching projects.

{
  "projects": [
    {
      "id": "01",
      "name": "WebMCP",
      "category": "Browser",
      "status": "Preview"
    },
    {
      "id": "02",
      "name": "Model Context Protocol",
      "category": "Protocol",
      "status": "Stable"
    }
  ]
}

Installation

  1. Add the registry entry to your app.

    npx shadcn@latest add @fabrials/result-view

    Without the named registry, use the address: https://ui.fabrials.com/r/result-view.json

API reference

Prop / exportTypeDescription
resultunknownOriginal MCP or application result.
classNamestring?Additional styles.

Behavior

Renders text without HTML execution. Raster images and audio use bounded inline data. Unknown content remains inspectable as JSON. Resource links require HTTP(S).

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.