Merge pull request #693 from code16/allow-html-help-message

Allow html to help message

Author: aguingand

demo/app/Sharp/Posts/PostForm.php

@@ -184,7 +184,7 @@ public function buildFormFields(FieldsContainer $formFields): void
                         return $users->get();
                     })
                     ->setListItemTemplate('<div>{{ $name }}</div><div><small>{{ $email }}</small></div>')
-                    ->setHelpMessage('This field is only editable by admins.'),
+                    ->setHelpMessage('This field is only editable by <strong>admins</strong>.'),
             ));
     }
 

resources/js/form/components/FormFieldLayout.vue

@@ -141,14 +141,14 @@
                     <template v-if="field.helpMessage || $slots['help-message']">
                         <div :id="`${id}-help-message`" class="grid grid-cols-1 gap-y-2">
                             <template v-if="field.helpMessage || $slots['help-message']">
-                                <p class="text-xs text-muted-foreground leading-4">
+                                <div class="text-xs text-muted-foreground leading-4">
                                     <template v-if="field.helpMessage">
-                                        {{ field.helpMessage }}
+                                        <div class="content" v-html="field.helpMessage"></div>
                                     </template>
                                     <template v-else>
                                         <slot name="help-message"></slot>
                                     </template>
-                                </p>
+                                </div>
                             </template>
                         </div>
                     </template>