LegacyStyled ComponentsMarkdownAllow the assistant to display rich text using markdown. Enabling markdown support Install @assistant-ui/react-markdownnpm install @assistant-ui/react-markdownSetup stylesTailwindTailwind + shadcn-uiNot using Tailwind/tailwind.config.ts{ plugins: [ require("tailwindcss-animate"), require("@assistant-ui/react-ui/tailwindcss") ], }Define a MarkdownText component@/components/markdown-text.tsximport { makeMarkdownText } from "@assistant-ui/react-ui"; export const MarkdownText = makeMarkdownText();Use it with ThreadPass the MarkdownText component to your Thread component.import { MarkdownText } from "@/components/markdown-text"; const Home = () => { return ( <Thread assistantMessage={{ components: { Text: MarkdownText } }}> ); };PreviousAssistantModalNextDecomposition