Horizon UI Boilerplate - Default
Chakra UI Chat 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} />
page.tsx
// Or the Chat version
import MessageBox from '@/components/MessageBox';
<MessageBox output={outputCode} />