Introduction Foundations Components Directives Pipes Motion Brand

Ai

Ai button Ai chatbot message Ai input Ai modal Ai question card Ai text editor Ai textarea Ai user bubble

Cards

Controls

Freelancer domain

Loading

Modals

Structure

Text & links

Patterns Ai Ai textarea

Ai textarea

AI textarea with a send button and optional attachment and voice input buttons

Contents

Default
Attachments
Busy
Button text
Hide outer glow
Hint
Keep keyboard open on valid submit
Max lines
Single line
Skip label
Toolbar variants
Tooltip
Validation
Voice input

Set isSubmitDisabled to disable the submit button while the rest of the textarea stays usable.

Set isSkipDisabled for the other way round, so a question that must be answered can still take an answer.

Set isDisabled to lock the whole field: typing, attachments, voice, skip and submit.

Inputs in Disabled
isDisabled ?: boolean = false

Disables the whole field: typing, attachments, voice, submit and skip. Takes precedence over `isSubmitDisabled` and `isSkipDisabled`. Unlike `control.disable()`, the control's value and validity are left alone.

isSkipDisabled ?: boolean = false

Disables skip only; textarea and other controls stay interactive.

isSubmitDisabled ?: boolean = false

Disables submit only; textarea and other controls stay interactive.

skipLabel ?: string

Toolbar text button before submit; pair with `onSkip`.

Also set in this example
control : FormControl<string>
placeholder ?: string = ''
showAttachmentsButton ?: boolean = false
showVoiceInputButton ?: boolean = false
Outputs
onAttachmentsClick ?: any = new EventEmitter<void>()
onBlur ?: any = new EventEmitter<void>()
onFocus ?: any = new EventEmitter<void>()
onInputHandled ?: any = new EventEmitter<void>()
onSkip ?: any = new EventEmitter<void>()
onSubmit ?: any = new EventEmitter<void>()
onVoiceInputClick ?: any = new EventEmitter<void>()