Example of claude-clone-functional in React AI AssistView

All Controls
/
Ai-assistview
/
Claude Clone

This sample demonstrates a Claude-inspired AI AssistView with file attachments and a configurable model selector for seamless branded conversational experiences.

More Details...

Loading....
Description

This sample demonstrates a branded Claude-inspired chat interface with model selection and attachments.

  • Minimal header-less chat layout for distraction-free conversations using showHeader.
  • Custom bannerTemplate displaying branded Claude visuals and contextual messaging.
  • Simulated AI response handling using the promptRequest callback.
  • File attachment support via attachmentSettings with configurable save and remove endpoints.
  • Footer toolbar customization with attachment actions and a model selector via footerToolbarSettings.
  • Dropdown-based AI model switching (Opus, Sonnet, Haiku, Extended thinking).

This example serves as a foundation for integrating real LLM services and building branded conversational interfaces with modular UI controls.