AI Code Block

Overview

Syntax-highlighted code block optimized for AI chat with copy button, language indicator, and streaming support.

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

<!-- Tailwind CSS pattern - copy the HTML/classes below -->

Class Variations

No class variations documented for this pattern.

Guidelines

No specific guidelines documented for this component yet.

Examples

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

export const formatDate = (date: Date) => {
  return date.toLocaleDateString();
};

const data = await fetch('/api/data');