MCPNEW

McpToolCall

Tool execution card: idle → running → done/error with retry.

Available inreact

Preview

Live previewreal component
unknown
idle

Install

TerminalBash
npx @mcp-elements/cli add mcp-tool-call

Usage

mcp-tool-call-example.tsxTSX
import { McpToolCall } from '@mcp-elements/react'
import { createToolState } from '@mcp-elements/core'

const state = createToolState()
state.start('search', { query: 'MCP protocol' })

export function Example() {
  return <McpToolCall state={state} />
}

Props

PropTypeDefaultDescription
state *ToolStateApiToolStateApi instance from createToolState()
toolNamestringFallback tool name when state.tool is undefined
argsRecord<string, unknown>Fallback args when state.args is undefined
onRetry() => voidCallback for the Retry button shown on error