A comprehensive showcase of all visual and functional variants of the chat component, including different states, input modes, and mobile designs.
Default state, ready for user input
User is typing a message
User is speaking - voice input active
Processing user input
Input successfully processed
Error occurred during input
Natural conversation mode not available - only basic voice input
Natural conversation mode active, listening for speech
Natural conversation with message history
Standard text input with send button
Voice dictation with compact waveform
Natural conversation with full-width interface
Chat interface variant with full features
Component with custom placeholder text