Chat Launcher Overlays · AnnouncementBar, ChatLauncher, ChatMessage, Composer, CookieConsent, PromptStarters
Site-wide chrome for customer-facing apps: ChatLauncher (floating assistant with page context), CookieConsent and AnnouncementBar.
ChatLauncher: title, context (what the assistant is looking at), tint, open / onOpenChange, unread, headerAction, children (the thread), composer, inline (for previews; fixed bottom-right by default). CookieConsent: title, text, policy (link), categories ({id, label, text, required, default}), onSave(choices), open, inline. "Accept all" and "Only necessary" carry equal weight. AnnouncementBar: children, tint, icon, action, onDismiss (false hides the close button).
Free plan: 3 stagings left this month. See plans Privacy settings We use cookies to run this site and, with your consent, to measure and improve it. Privacy policy
Settings Only necessary Accept all
Homefield assistant Looking at: Loft in HafenCity
Assistant
This loft is about 4% above the estimated value. Want me to draft a first message to the agent?
Draft a message Compare with similar
Props AnnouncementBar Prop Type Notes childrenReactNodeRequired tint?Tinticon?IconName | falseaction?ReactNodeonDismiss?(() => void) | falseclassName?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.
ChatLauncher Prop Type Notes title?stringcontext?ReactNodetint?Tintopen?booleanonOpenChange?(open: boolean) => voidunread?numberheaderAction?ReactNodechildren?ReactNodecomposer?ReactNodeinline?booleanclassName?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.
ChatMessage Prop Type Notes role"user" | "assistant" | "system"Required name?stringtime?stringmodel?stringtext?stringstreaming?booleantint?Tintsources?Source[]attachments?{ name: string; size?: string; kind?: string }[]usage?stringonRetry?() => voidonFeedback?(v: "up" | "down") => voidactions?booleanbefore?ReactNodeafter?ReactNodechildren?ReactNodefeedback?"up" | "down" | nullclassName?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.
Composer Prop Type Notes value?stringonChange?(v: string) => voidonSend?(text: string, files: (File | { name: string })[]) => voidbusy?booleanonStop?() => voidplaceholder?stringlabel?stringmodels?ModelOption[]model?stringonModel?(id: string) => voidcommands?ComposerCommand[]onCommand?(c: ComposerCommand) => voidattachments?(File | { name: string })[]onAttach?(files: FileList) => voidonRemoveAttachment?(i: number) => voidhint?stringleft?ReactNodedisabled?booleanclassName?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.
CookieConsent Prop Type Notes title?stringtext?ReactNodepolicy?ReactNodecategories?{ id: string; label: string; /** What the category covers; may hold a link to the details. */ text?: ReactNode; required?: boolean; default?: boolean; }[]onSave?(choices: Record<string, boolean>) => voidopen?booleaninline?booleanequalChoice?boolean"Only necessary" and "Accept all" with the same weight (both secondary buttons), as German
data protection authorities expect on the first layer. id?stringId of the banner (its text is referenced by `aria-describedby`). className?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.
PromptStarters Prop Type Notes items{ icon?: IconName; tint?: Tint; title: string; text?: string; prompt?: string }[]Required onPick?(prompt: string) => voidclassName?stringExtra class on the root element. style?CSSPropertiesInline style on the root element.