Vue component of typebox chat with autosize.
import Vue from 'vue';
import ChatTypeBox from 'vue-chat-autosize-typebox';
Vue.component('ChatTypeBox', ChatTypeBox);<ChatTypeBox v-model="text" @send="send"/>| Name | defualt parameter | Description |
|---|---|---|
| send | (text) | emit trim message to event, if empty string not send |
| Name | Type | Default | Description |
|---|---|---|---|
| v-model | string | binding data (required) | |
| maxHight | Number | 164 | max height of typebox |
| minHeight | Number | 18 | min height of typebox |
| maxLength | Number | 640 | limit length of message |
| placeholder | string | 'Type a message...' | placeholder message in typebox |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent