Card: Render description element based on children type (#100276)

This commit is contained in:
Alex Khomenko
2025-02-07 16:39:13 +02:00
committed by GitHub
parent dfaa12b800
commit 53030e7960

View File

@@ -183,7 +183,8 @@ const getTagStyles = (theme: GrafanaTheme2) => ({
/** Card description text */
const Description = ({ children, className }: ChildProps) => {
const styles = useStyles2(getDescriptionStyles);
return <div className={cx(styles.description, className)}>{children}</div>;
const Element = typeof children === 'string' ? 'p' : 'div';
return <Element className={cx(styles.description, className)}>{children}</Element>;
};
Description.displayName = 'Description';