Walk Create Community through the Figma screens and restore a chosen logo after reload, so a guest can leave without saving until they reach the email step.

app/components/controls/MultiSelect/MultiSelect.view.tsx

@@ -19,6 +19,8 @@ function MultiSelectView({
   chipSelectAriaLabel,
   chipDeselectAriaLabel,
   formHeader = true,
+  helperText: helperTextProp,
+  errorMessage,
   onCustomChipConfirm,
   onCustomChipClose,
   maxSelections,
@@ -39,7 +41,9 @@ function MultiSelectView({
   const atLimit =
     maxSelections != null && selectedCount >= maxSelections;
   const countCaption = selectionCountText?.trim() ?? "";
-  const helperText = countCaption.length > 0 ? countCaption : false;
+  const headerHelper =
+    helperTextProp?.trim() ||
+    (countCaption.length > 0 ? countCaption : false);
 
   return (
     <div
@@ -51,16 +55,16 @@ function MultiSelectView({
           label={label}
           helpIcon={showHelpIcon}
           asterisk={false}
-          helperText={helperText}
+          helperText={headerHelper}
           size={size}
           palette={palette}
         />
       )}
 
       {!formHeader || !label ? (
-        countCaption.length > 0 ? (
+        headerHelper && typeof headerHelper === "string" ? (
           <p className="w-full text-x-small-paragraph text-[color:var(--color-content-default-tertiary)]">
-            {countCaption}
+            {headerHelper}
           </p>
         ) : null
       ) : null}
@@ -177,6 +181,14 @@ function MultiSelectView({
           </button>
         )}
       </div>
+      {errorMessage ? (
+        <p
+          className="w-full text-x-small-paragraph text-[color:var(--color-content-default-negative-primary)]"
+          role="alert"
+        >
+          {errorMessage}
+        </p>
+      ) : null}
     </div>
   );
 }