1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- <script setup lang="ts">
- defineProps({
- message: {
- type: String,
- required: true
- },
- valid: {
- type: Boolean,
- required: true
- },
- entered: {
- type: Boolean,
- default: undefined,
- required: false
- }
- });
- </script>
- <template>
- <p
- class="help"
- :class="
- entered || entered === undefined
- ? valid
- ? 'is-success'
- : 'is-danger'
- : 'is-grey'
- "
- >
- {{ message }}
- </p>
- </template>
- <style lang="less" scoped>
- .help {
- margin-top: 0 !important;
- margin-bottom: 10px !important;
- font-size: 12px;
- }
- .is-grey {
- color: var(--dark-grey-1);
- }
- </style>
|