Customization
Customization
Overridable components.
Core slots
thread
Override the full thread component.
Type:
React.PropsWithChildren
list
Parent for the threads list.
Type:
React.PropsWithChildren
listSubtitle
Subtitle component for the list container.
Type:
TypographyProps
listTimeText
Typography component for rendering time text in the threads list (e.g., today, last week, last 30 days).
Type:
TypographyProps
listDriver
Driver component for the threads list (mobile version).
Type:
React.PropsWithChildren
listDriverTitle
Title for the mobile threads list (same as
listSubtitle).
Type:
TypographyProps
firstMessage
Welcome message from the assistant for a new thread or the initial message in an existing thread.
Type:
{ thread: Thread }
Slots
Message
messagePagination
Render the pagination block for message branches.
Type:
MessagePaginationProps
messagePaginationRoot
Root container for message pagination (branches).
Type:
StackProps
messagePaginationText
Typography component for message pagination (branches).
Type:
TypographyProps
messagePaginationButton
IconButton for arrows.
Type:
IconButtonProps
messageAssistantFooter
Render some information under the assistant’s message.
Type:
{ message: any }
messageAssistantProgress
Render the component while sending a request to the chat or while “thinking.”
Type:
BoxProps & { thread: ThreadAbstract }
messageAssistantProgressText
Typography for the component displayed while sending a request to the chat or while “thinking.”
Type:
TypographyProps
Markdown
markdown
Custom markdown renderer.
Type:
{ text: string }
markdownA
Render links.
Type:
LinkProps
markdownTable
Render tables (
<table>).
Type:
TableProps
markdownThead
Render table head (
<thead>).
Type:
TableHeadProps
markdownTbody
Render table body (
<tbody>).
Type:
TableBodyProps
markdownTr
Render table row (
<tr>).
Type:
TableRowProps
markdownTh
Render table head cell (
<th>).
Type:
TableCellProps
markdownTd
Render table cell (
<td>).
Type:
TableCellProps
markdownTdText
Custom typography for table cells.
Type:
TypographyProps
markdownSpan
Render spans (
<span>).
Type:
TypographyProps
markdownUl
Render lists (
<ul>).
Type:
React.OlHTMLAttributes<HTMLOListElement>
markdownOl
Render numeric lists (
<ol>).
Type:
React.HTMLAttributes<HTMLUListElement>
markdownH1
Render headers (
<h1>).
Type:
TypographyProps
markdownH2
Render headers (
<h2>).
Type:
TypographyProps
markdownH3
Render headers (
<h3>).
Type:
TypographyProps
markdownH4
Render headers (
<h4>).
Type:
TypographyProps
markdownH5
Render headers (
<h5>).
Type:
TypographyProps
markdownH6
Render headers (
<h6>).
Type:
TypographyProps
markdownImg
Render images (
<img>).
Type:
React.JSX.IntrinsicElements['img']
markdownP
Render paragraphs (
<p>).
Type:
TypographyProps