Components / AI components / MCP connections & tools
MCPExperimental alpha

MCPServerCard

Connection state from your existing host.

MCPServerCard preview

CRM sandbox
connected

3 tools reported by host

Interactions use local sample data.

Usage and props

The host owns transport, credentials and connector permissions.

Supported inputs

This is the public signature used by this example. Open Code to see how the values and callbacks fit together.

name · status · toolCount? · onConnect? · onDisconnect?
How state and callbacks work

These are the main props for the example. The package's TypeScript declarations include the full API.

Customize and use with a keyboard