AI Reasoning

A collapsible component that displays AI reasoning content, automatically opening during streaming and closing when finished.

Powered by

lucide-react

@radix-ui/react-collapsible

Installation

npx kibo-ui@latest add ai

Features

Automatically opens when streaming content and closes when finished
Manual toggle control for user interaction
Smooth animations and transitions powered by Radix UI
Visual streaming indicator with pulsing animation
Composable architecture with separate trigger and content components
Built with accessibility in mind including keyboard navigation
Responsive design that works across different screen sizes
Seamlessly integrates with both light and dark themes
Built on top of shadcn/ui Collapsible primitives
TypeScript support with proper type definitions

AI Message

A message component that displays a chat interface message from either a user or an AI.

AI Response

A component that renders a Markdown response from a large language model.