Tailwind CSS Message Box

This component translate the markdown that the AI generates and puts it in a readable layout for the user.

page.tsx

// Generator version
import MessageBox from '@/components/MessageBox';
 
<MessageBox output={outputCode} />

Message Box

page.tsx

// Or the Chat version
import MessageBox from '@/components/MessageBox';
 
<MessageBox output={outputCode} />

Message Box Chat