AI Response

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

Installation

npx kibo-ui@latest add ai

Features

  • Renders markdown content with support for paragraphs, links, and code blocks
  • Supports GFM features like tables, task lists, and strikethrough text via remark-gfm
  • Code blocks are rendered with syntax highlighting for various programming languages
  • Code blocks include a button to easily copy code to clipboard
  • Adapts to different screen sizes while maintaining readability
  • Seamlessly integrates with both light and dark themes
  • Customizable appearance through className props and Tailwind CSS utilities
  • Built with accessibility in mind for all users