1.0.2 • Published 6 years ago
vue-chat-autosize-typebox v1.0.2
vue-chat-autosize-typebox
Vue component of typebox chat with autosize.
DEMO
Install
import Vue from 'vue';
import ChatTypeBox from 'vue-chat-autosize-typebox';
Vue.component('ChatTypeBox', ChatTypeBox);Usage
<ChatTypeBox v-model="text" @send="send"/>Events
| Name | defualt parameter | Description |
|---|---|---|
| send | (text) | emit trim message to event, if empty string not send |
Props
| 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 |