FullScreen
The full-page, ChatGPT-style chat layout.
FullScreen renders a complete chat experience, including thread list and message area.
import { FullScreen } from "@openuidev/react-ui";
export function App() {
return (
<div className="h-screen">
<FullScreen apiUrl="/api/chat" agentName="Assistant" />
</div>
);
}Common configuration
<FullScreen
apiUrl="/api/chat"
threadApiUrl="/api/threads"
agentName="Data Assistant"
logoUrl="/logo.png"
/>