saturation/uisaturation/ui
DocsComponentsBlocksPages
GitHub

Sections

IntroductionComponentsInstallationMCPTheming

Components

ComponentsAccordionAI Chat InputAlertAnimated GroupAnimated NumberAvatarBadgeBeamBlur FadeBorder TrailBreadcrumbButtonButton GroupCalendar PickerCardChartCheckboxCollapsibleComboboxCommandComparison SliderContext MenuCredit CardData TableDate PickerDialogDropdown MenuEmoji PickerEmptyFieldFiltersFull CalendarGlow EffectInputInput GroupInput OTPItemKanbanKbdMenubarNavigation MenuNovel EditorPaginationParallaxProgressProgressive BlurRadio GroupRippleSelectSeparatorSheetSkeletonSliderSonnerSpinnerSpotlightSwitchTableTabsText EffectText ShimmerTextareaToggleToggle GroupTreeTypography
Docs/Components/Tool Call Card

Tool Call Card

Displays an AI tool call with its status, name, and optional description.

Loading...

Installation

pnpm dlx shadcn@latest add https://ui.saturation.io/r/tool-call-card.json

Usage

import { ToolCallCard } from "@/components/ui/tool-call-card"
<ToolCallCard
  toolName="search_web"
  status="success"
  description="Searched for React documentation"
/>

<ToolCallCard
  toolName="read_file"
  status="calling"
  description="Reading package.json"
/>

API Reference

ToolCallCard

PropTypeDefaultDescription
toolNamestring—The name of the tool being called.
status"calling" | "success" | "error"—The current status of the tool call.
descriptionstring—Optional description or result summary.
iconLucideIcon—Optional custom icon to display.
classNamestring—Additional CSS classes.
PreviousToggleNextTooltip

On This Page

  • Installation
  • Usage
  • API Reference
  • ToolCallCard
search_webSuccess

Found 12 results

analyze_dataCalling

Processing dataset...

send_emailError

Authentication failed