AssistantAvatarContext
React context that supplies the assistant's avatar element.
The value is a React node rendered in places like
MessageGroup.AssistantAvatar.import { AssistantAvatarContext } from '@superinterface/react'
import { useContext } from 'react'
export const AssistantAvatar = () => {
const avatar = useContext(AssistantAvatarContext)
return avatar
}
Provider
AssistantAvatarContext.Provider overrides the avatar for all nested components.import { AssistantAvatarContext, Avatar } from '@superinterface/react'
;<AssistantAvatarContext.Provider
value={<Avatar src="https://example.com/bot.png" />}
>
{children}
</AssistantAvatarContext.Provider>
Consumer
Use
AssistantAvatarContext.Consumer to read the avatar without hooks.<AssistantAvatarContext.Consumer>
{(avatar) => avatar}
</AssistantAvatarContext.Consumer>