Next.js

// app/layout.tsx
import type { ReactNode } from "react";
import "@rixx-ui/react/styles.css";

export default function RootLayout({ children }: { children: ReactNode }) {
  return (
    <html lang="en">
      <body>{children}</body>
    </html>
  );
}

// app/assistant-message.tsx
"use client";

import { RUIRenderer, type RUIStreamStatus } from "@rixx-ui/react";

export function AssistantMessage({
  source,
  status,
}: {
  source: string;
  status: RUIStreamStatus;
}) {
  return <RUIRenderer streamStatus={status}>{source}</RUIRenderer>;
}

import { fromMarkdown } from "@rixx-ui/react/server";

export default function Page() {
  const source = fromMarkdown("# Server-produced source");
  return <AssistantMessage source={source} status="complete" />;
}