diff --git a/src/services/ui/src/components/RHF/RHFInput.tsx b/src/services/ui/src/components/RHF/RHFInput.tsx index 7b31a36d1b..3806b9a569 100644 --- a/src/services/ui/src/components/RHF/RHFInput.tsx +++ b/src/services/ui/src/components/RHF/RHFInput.tsx @@ -320,7 +320,7 @@ export const RHFFormGroup = (props: { control: Control; }) => { return ( - +
{props.form.description && (
@@ -332,12 +332,13 @@ export const RHFFormGroup = (props: {
{props.form.slots.map((slot) => { return ( - + + + ); })}
diff --git a/src/services/ui/src/pages/form/proto.tsx b/src/services/ui/src/pages/form/proto.tsx index a8f9e70aec..d65cd01bab 100644 --- a/src/services/ui/src/pages/form/proto.tsx +++ b/src/services/ui/src/pages/form/proto.tsx @@ -86,6 +86,16 @@ export const ABP1: Document = { { description: "Is enrollment available for all individuals in these eligibility groups?", + dependency: { + //example of a conditionally revealed field + conditions: [ + { + name: "alt_benefit_plan_population_name", + type: "valueExists", + }, + ], + effect: { type: "show" }, + }, slots: [ { rhf: "Select", @@ -97,16 +107,6 @@ export const ABP1: Document = { { label: "Yes", value: "yes" }, { label: "No", value: "no" }, ], - dependency: { - //example of a conditionally revealed field - conditions: [ - { - name: "alt_benefit_plan_population_name", - type: "valueExists", - }, - ], - effect: { type: "show" }, - }, }, ], },