<template>
  <div>
    <h2>Basic PasswordBox</h2>
    <div style="margin-bottom:20px">
      <TextBox v-model="username" placeholder="Username" iconCls="icon-man"></TextBox>
    </div>
    <div style="margin-bottom:20px">
      <PasswordBox v-model="password" placeholder="Password"></PasswordBox>
    </div>
    <p v-if="username">Username: {{username}}</p>
    <p v-if="password">Password: {{password}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: null,
      password: null
    };
  }
};
</script>