JSFiddle - React, Tailwind, and code Playground

by Kiran G

HTML

<div id="app">
  
  <p> Hello kiran </p>

  <textarea v-tack="70" > </textarea>
  

</div>

CSS

#app {
  height: 2000px;
  margin: 10px;
}

JavaScript

Vue.directive('tack', {
  bind(el, binding, vnode) {
    el.style.position = 'fixed';
    el.style.height = '4em';
    el.style.width = '100%';
  }
}); 

// start app
new Vue({
  el: '#app'
});