AI Tool

A collapsible component for displaying tool invocation details in AI chatbot interfaces.

Powered by

Radix UI

Lucide

Installation

npx kibo-ui@latest add ai

Features

Collapsible interface for showing/hiding tool details
Visual status indicators with icons and badges
Support for multiple tool execution states (pending, running, completed, error)
Formatted parameter display with JSON syntax highlighting
Result and error handling with appropriate styling
Composable structure for flexible layouts
Accessible keyboard navigation and screen reader support
Consistent styling that matches your design system
Auto-opens completed tools by default for better UX

AI Suggestion

A suggestion component that displays a horizontal row of clickable suggestions for user interaction.

Avatar Stack

Avatar Stack is a component that allows you to stack and overlap avatars.