alert description tag depends on its content

codegouvfr · Jul 24, 2023 · 4367a8b · 4367a8b
1 parent afa49ac
commit 4367a8b
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/Alert.tsx b/src/Alert.tsx
@@ -108,6 +108,7 @@ export const Alert = memo(
 
         const refShouldButtonGetFocus = useRef(false);
         const refShouldSetRole = useRef(false);
+        const DescriptionTag = typeof description === "string" ? "p" : "div";
 
         useEffect(() => {
             if (props_isClosed === undefined) {
@@ -172,7 +173,8 @@ export const Alert = memo(
                         {title}
                     </HtmlTitleTag>
                 )}
-                <p className={classes.description}>{description}</p>
+
+                <DescriptionTag className={classes.description}>{description}</DescriptionTag>
                 {isClosable && (
                     <button
                         ref={setButtonElement}