Ai input

AI input with a single-line field, a submit button, and an optional skip text button.

Contents

When buttonText is set, the submit button expands into a pill once the text reaches minCharacters (default: 6). Type at least 6 characters to see it expand.

Use minCharacters to customize the expansion threshold. Here it is set to 0, so the label is shown right away.

Without buttonText the submit button stays a circle regardless of how much text is entered.

Inputs in Button text
buttonText ?: string = ''

When set, the submit button expands into a labelled pill once `minCharacters` is reached.

minCharacters ?: number = 6

Character threshold at which the submit button expands (requires `buttonText`).

Also set in this example
control : FormControl<string>
placeholder ?: string = ''
Outputs
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>()