Chat Composer
Rich text input for composing chat messages with send action.
Generated from the package's public source.
API
AttachButtoncomponent
AttachButton(props: ChatComposerAttachButtonProps): Element
Props
class?stringonClick?() => void— Called when the attach action is triggered.style?string | CSSProperties
children: Element
ChatComposerAttachButtonPropsinterface
Props
class?stringonClick?() => void— Called when the attach action is triggered.style?string | CSSProperties
children: Element
ChatComposerInputPropsinterface
Props
class?stringstyle?string | CSSProperties
ChatComposerRootPropsinterface
Props
class?stringdefaultValue?string— Default uncontrolled value.disabled?boolean— Disable the composer.maxLength?number— Max character length.onSubmit?(message: string) => void— Callback when a message is submitted.onValueChange?(value: string) => void— Called when value changes.placeholder?string— Placeholder text for the input.style?string | CSSPropertiesvalue?Accessor<string>— Controlled value.
children: Element
ChatComposerSendButtonPropsinterface
Props
class?stringstyle?string | CSSProperties
children: Element
Inputcomponent
Input(props: ChatComposerInputProps): Element
Props
class?stringstyle?string | CSSProperties
Rootcomponent
Root(props: ChatComposerRootProps): Element
Props
class?stringdefaultValue?string— Default uncontrolled value.disabled?boolean— Disable the composer.maxLength?number— Max character length.onSubmit?(message: string) => void— Callback when a message is submitted.onValueChange?(value: string) => void— Called when value changes.placeholder?string— Placeholder text for the input.style?string | CSSPropertiesvalue?Accessor<string>— Controlled value.
children: Element
SendButtoncomponent
SendButton(props: ChatComposerSendButtonProps): Element
Props
class?stringstyle?string | CSSProperties
children: Element