ChatContainer

Top-level wrapper for a chat transcript. DOM bindings render data-ak-chat-container; host behavior and scroll policy are framework-specific. No hardcoded styles — theme via data attributes and CSS variables.

#React DOM props

The React component observes transcript mutations and scrolls to the bottom; it currently has no autoScroll prop or near-bottom opt-out policy. Other bindings do not promise identical scroll behavior.

#Per-framework

#Example

import { ChatContainer, Message, InputBar, useChat } from '@agentskit/react'

export function App() {
  const chat = useChat({ adapter: openai(...) })
  return (
    <ChatContainer>
      {chat.messages.map((m) => <Message key={m.id} message={m} />)}
      <InputBar chat={chat} />
    </ChatContainer>
  )
}

#Related

• Message · InputBar
• Theming · Data attributes