JSFiddle - React, Tailwind, and code Playground

by Phellipe Lins

HTML

<script src="https://unpkg.com/vue"></script>

<div id="app">

  <p>{{ message }}</p>
  
  <input-group></input-group>
  
</div>

JavaScript

const inputGroup = Vue.component('input-group', {
	template: '<div class="input-group"><input type="text" placeholder="Name"><button>Send</button></div>',
})

new Vue({
	el: '#app',
  components: { inputGroup },
  data() {
  	return {
    	message: 'Abaixo temos um componente injetado como dependência.',
    	title: 'title.',
		}
	}
})