2020-04-16 09:22:58 -04:00
|
|
|
|
<template>
|
|
|
|
|
<div class="specimens specimens--group">
|
|
|
|
|
<FormulateInput
|
2020-04-18 23:57:43 -04:00
|
|
|
|
v-model="groupValue"
|
2020-04-16 09:22:58 -04:00
|
|
|
|
label="Invite some new users"
|
|
|
|
|
type="group"
|
|
|
|
|
placeholder="users"
|
|
|
|
|
help="Fields can be grouped"
|
|
|
|
|
>
|
|
|
|
|
<FormulateInput
|
2020-04-18 00:39:25 -04:00
|
|
|
|
label="First and last name"
|
2020-04-16 09:22:58 -04:00
|
|
|
|
name="Name"
|
|
|
|
|
type="text"
|
|
|
|
|
placeholder="User’s name"
|
|
|
|
|
/>
|
|
|
|
|
<FormulateInput
|
|
|
|
|
name="Email"
|
2020-04-18 00:39:25 -04:00
|
|
|
|
label="Email address"
|
2020-04-16 09:22:58 -04:00
|
|
|
|
type="email"
|
|
|
|
|
placeholder="User’s email"
|
|
|
|
|
validation="required|email"
|
|
|
|
|
/>
|
|
|
|
|
</FormulateInput>
|
2020-04-18 23:57:43 -04:00
|
|
|
|
{{ groupValue }}
|
2020-04-16 09:22:58 -04:00
|
|
|
|
</div>
|
|
|
|
|
</template>
|
2020-04-18 23:57:43 -04:00
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
data () {
|
|
|
|
|
return {
|
|
|
|
|
groupValue: null
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|