Chat

You able to use wonderful and simple chat!

<va-chat v-model="chatMessages"/>

export default {
  data () {
    return {
      value: 90,
      chatMessages: [
       {
         text: 'Hello! So glad you liked my work. Do you want me to shoot you?',
         yours: false,
       },
       {
         text: 'Yeah, that would be cool. Maybe this Sunday at 3 pm?',
         yours: true,
       },
       {
         text: 'Sounds great! See you later!',
         yours: false,
       },
       {
         text: 'Should I bring a lightbox with me?',
         yours: true,
       },
       {
         text: 'No, thanks. There is no need. Can we set up a meeting earlier?',
         yours: false,
       },
       {
         text: 'I\'m working on Vuestic, so let\'s meet at 3pm. Thanks!',
         yours: true,
       }
      ]
    }
  }
}

Props

• value - Array
• height - String (default: '20rem') - height of chat container

Find DEMOs here!