Components
Loading preview...
Here is Message component
npx shadcn@latest add https://21st.dev/r/vercel/messageimport {
Message,
MessageContent,
MessageAvatar,
} from '@/components/ui/message';
export default function DemoOne() {
return (
<div className="flex flex-col gap-4 p-4">
{/* User Message */}
<Message from="user">
<MessageContent>
Hello! Can you tell me what the current time is in Yieldry?
</MessageContent>
<MessageAvatar
src="https://github.com/shadcn.png"
name="User"
/>
</Message>
{/* Assistant Message */}
<Message from="assistant">
<MessageContent>
Of course! As of our conversation, the current time in Yieldry, Urenso is approximately 12:18 PM.
</MessageContent>
<MessageAvatar
src="https://github.com/vercel.png"
name="AI"
/>
</Message>
</div>
);
}