Components
Tailwind CSS Message Box

Horizon UI Boilerplate - Default

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