<template>
  <div class="form-label flex-0 text-right mr-4">
    <label :class="{ required: options.required }">{{ options.label }}</label>
  </div>
</template>
<script>
import Base from '../base';

export default {
  extends: Base,
}
</script>
<style lang="less" scoped>
.form-label {
  position: relative;
  .required {
    &::after {
      content: '*';
      position: absolute;
      color: #fe441f;
      right: -0.5rem;
      top: 0.5rem;
      font-size: 1rem;
      font-weight: bold;
    }
  }
}
</style>
