Chat Send Button @astryx-svelte/core v0.3.0 · Chat

Usage

Circular send/stop toggle button for the chat composer. Place it inside ChatComposer where it reads context automatically: no wiring needed. When streaming starts, the button switches from a primary send icon to a secondary stop icon. Override any context value via props for standalone or custom usage. 
ts
 
import { Chat } from '@astryx-svelte/core';

Examples

Common configurations, variations, and states.
ChatSendButton — Custom Icon
Send buttons with custom icons via sendIcon and stopIcon props. Use to match the personality of the chat experience: a paper airplane for messaging, sparkles for AI generation, or a check mark for confirmation flows.
ChatSendButton — In Composer
Send button inside ChatComposer, where it reads state from context automatically. No wiring needed; the button enables when the input has content.
ChatSendButton — States
Disabled, ready, and streaming states at both sizes. The button automatically toggles between send (primary) and stop (secondary) based on streaming state.