mirror of
https://github.com/IT4Change/gradido.git
synced 2026-02-06 09:56:05 +00:00
41 lines
988 B
Vue
41 lines
988 B
Vue
<template>
|
|
<div role="group" class="last-name">
|
|
<label for="input-lastName">{{ $t('form.lastname') }}</label>
|
|
<b-form-input
|
|
id="input-lastName"
|
|
v-model="lastName"
|
|
:state="lastNameState"
|
|
aria-describedby="input-live-help input-live-feedback"
|
|
placeholder="Enter your lastName"
|
|
trim
|
|
></b-form-input>
|
|
|
|
<!-- This will only be shown if the preceding input has an invalid state -->
|
|
<!-- <b-form-invalid-feedback id="input-live-feedback">
|
|
Enter at least 3 letters
|
|
</b-form-invalid-feedback> -->
|
|
|
|
<!-- This is a form text block (formerly known as help block) -->
|
|
<!-- <b-form-text id="input-live-help">Dein Nachname</b-form-text> -->
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'LastName',
|
|
props: {
|
|
value: { type: String, default: '' },
|
|
},
|
|
data() {
|
|
return {
|
|
lastName: this.value,
|
|
}
|
|
},
|
|
computed: {
|
|
lastNameState() {
|
|
return this.lastName.length > 2
|
|
},
|
|
},
|
|
}
|
|
</script>
|