diff --git a/src/components/login/login.ts b/src/components/login/login.ts
index 1e3c6bc..61fa51d 100644
--- a/src/components/login/login.ts
+++ b/src/components/login/login.ts
@@ -7,4 +7,12 @@ export default class Login extends Vue
 {
     public username: any = '';
     public password: any = '';
+
+    /**
+     * On click
+     */
+    public onLoginClick()
+    {
+
+    }
 }
diff --git a/src/components/login/login.vue b/src/components/login/login.vue
index b57911e..96750bb 100644
--- a/src/components/login/login.vue
+++ b/src/components/login/login.vue
@@ -2,7 +2,7 @@
     <div id="login">
         <el-input v-model="username" placeholder="School Username"></el-input>
         <el-input v-model="password" placeholder="Veracross Password" show-password=""></el-input>
-        <el-button plain type="primary">Login</el-button>
+        <el-button plain type="primary" @click="onLoginClick">Login</el-button>
     </div>
 </template>