1
0
mirror of synced 2024-11-29 08:36:12 +03:00
vue-formulario/examples/specimens/SpecimenGroup.vue

56 lines
1.2 KiB
Vue
Raw Normal View History

2020-04-16 16:22:58 +03:00
<template>
<div class="specimens specimens--group">
<h2>Group classification</h2>
<div class="specimen">
<h3>Non-repeatable group</h3>
<FormulateInput
type="group"
>
<FormulateInput
label="City"
type="text"
name="city"
/>
<FormulateInput
label="State"
type="select"
:options="{NE: 'Nebraska', MO: 'Missouri', VA: 'Virginia'}"
placeholder="Select a state"
/>
</FormulateInput>
</div>
<div class="specimen">
<h3>Repeatable group</h3>
2020-04-16 16:22:58 +03:00
<FormulateInput
2020-04-19 21:34:25 +03:00
name="users"
label="Invite some new users"
type="group"
placeholder="users"
help="Fields can be grouped"
:repeatable="true"
2020-04-19 21:34:25 +03:00
>
<FormulateInput
label="First and last name"
name="name"
type="text"
placeholder="Users name"
validation="required"
2020-04-19 21:34:25 +03:00
/>
<FormulateInput
name="email"
label="Email address"
type="email"
placeholder="Users email"
validation="required|email"
/>
</FormulateInput>
</div>
2020-04-16 16:22:58 +03:00
</div>
</template>
2020-04-19 06:57:43 +03:00
<script>
export default {
2020-04-19 06:57:43 +03:00
}
</script>