Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Pre-alpha: npm packages are not published yet. APIs and documentation may change. View release status.
Render accumulated Markdown and structured RUI source in a React application.
import { MarkdownRenderer } from "@rixx-ui/react/markdown";
import "@rixx-ui/react/styles.css";
export function AssistantMessage({ markdown, streaming }) {
return (
<MarkdownRenderer status={streaming ? "streaming" : "complete"}>
{markdown}
</MarkdownRenderer>
);
}
import { RUIRenderer } from "@rixx-ui/react";
import "@rixx-ui/react/styles.css";
const source = `root = Answer(children=[title, body])
title = Heading(text="Welcome", level=1)
body = RichText(format="markdown", text="A **safe** generated answer.")`;
export function StructuredMessage() {
return <RUIRenderer streamStatus="complete">{source}</RUIRenderer>;
}
RUIRenderer supplies
the trusted envelope and commits the fragment only when
streamStatus="complete".
import { coreRUIConfig } from "@rixx-ui/react";
const systemInstructions = coreRUIConfig.instructions(userPrompt);