Chat Message
Individual message bubble for AI chat interfaces with support for user and assistant roles.
AITailwind CSS
Overview
Individual message bubble for AI chat interfaces with support for user and assistant roles.
Preview
Can you help me write a function to sort an array?
Usage
html
<!-- 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
User Message
Can you help me write a function to sort an array?
Assistant Message
AI
Sure! Here's a simple function to sort an array in JavaScript:
2:34 PM
With Code Block
AI
Here's the sorting function:
javascript
function sortArray(arr) {
return arr.sort((a, b) => a - b);
}