Add Help in form-group

- Use custom slot
- Expose `group` in slot prop
- Update example

Author: Lionel Bijaoui

dev

@@ -9,6 +9,23 @@
 			:options="options"
 			:errors="errors"
 			:event-bus="eventBus">
+			<template
+				slot="group-help"
+				slot-scope="{ group }">
+				<slot
+					name="group-help"
+					:group="group">
+					<span
+						v-if='group.help'
+						class="help">
+						<i class="icon"></i>
+						<div
+							class="helpText"
+							v-html='group.help'></div>
+					</span>
+				</slot>
+			</template>
+
 			<template
 				slot="element"
 				slot-scope="slotProps">

src/formGenerator.vue

@@ -5,6 +5,9 @@
 		ref="group">
 
 		<legend v-if="groupLegend">{{ groupLegend }}</legend>
+		<slot
+			name="group-help"
+			:group="group"></slot>
 		<template v-for="(field, index) in fields">
 			<template v-if="fieldVisible(field)">
 				<template v-if="field.type === 'group'">
@@ -16,6 +19,14 @@
 						:errors="errors"
 						:event-bus="eventBus"
 						:key="index">
+						<template
+							slot="group-help"
+							slot-scope="slotProps">
+							<slot
+								name="group-help"
+								:group="slotProps.group"></slot>
+						</template>
+
 						<template slot="element"
 							slot-scope="slotProps">
 							<slot name="element"