56 lines
1.2 KiB
Vue
56 lines
1.2 KiB
Vue
<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>
|
||
<FormulateInput
|
||
name="users"
|
||
label="Invite some new users"
|
||
type="group"
|
||
placeholder="users"
|
||
help="Fields can be grouped"
|
||
:repeatable="true"
|
||
>
|
||
<FormulateInput
|
||
label="First and last name"
|
||
name="name"
|
||
type="text"
|
||
placeholder="User’s name"
|
||
validation="required"
|
||
/>
|
||
<FormulateInput
|
||
name="email"
|
||
label="Email address"
|
||
type="email"
|
||
placeholder="User’s email"
|
||
validation="required|email"
|
||
/>
|
||
</FormulateInput>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
|
||
}
|
||
</script>
|