Skip to content
Agents / WebMCP

Browser support

Show native support, legacy compatibility or manual mode.

Registry
Loading state
WebMCP available
Native WebMCP unavailable

Illustrative support states.

Installation

  1. Add the registry entry to your app.

    npx shadcn@latest add @fabrials/support-badge

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

API reference

Prop / exportTypeDescription
supportSupportchecking, native, legacy or unsupported.
errorstring?Optional registration error.

Behavior

Native support is feature-detected. A supported browser may still require an origin trial or testing flag.

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.