JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@1.3.5/lib/index.js"></script>
<div id="app">
<el-radio-group v-model="labelPosition" size="small">
  <el-radio-button label="left">Left</el-radio-button>
  <el-radio-button label="right">Right</el-radio-button>
  <el-radio-button label="top">Top</el-radio-button>
</el-radio-group>
<div style="margin: 20px;"></div>

<el-form :label-position="labelPosition" label-width="100px" :model="formLabelAlign">
  <el-form-item>
     <el-form-item-slot name="label">
        <el-tag type="primary">Tag Three</el-tag>
     </el-form-item-slot>
    <el-input v-model="formLabelAlign.name"></el-input>
  </el-form-item>
  <el-form-item label="Activity zone">
    <el-input v-model="formLabelAlign.region"></el-input>
  </el-form-item>
  <el-form-item label="Activity form">
    <el-input v-model="formLabelAlign.type"></el-input>
  </el-form-item>
</el-form>
</div>

SCSS

@import url("//unpkg.com/element-ui@1.3.5/lib/theme-default/index.css");

Babel + JSX

var Main = {
    data() {
      return {
        labelPosition: 'right',
        formLabelAlign: {
          name: '',
          region: '',
          type: ''
        }
      };
    }
  }
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')