Alert: cannot use lists inside of Alert component

[sebsobseb]

When using an <ul> inside of an Alert component you get following console log:

Example:

<Alert title={{ label: 'Belangrijk' }}>
    <ul>
        <li>Puntje 1</li>
        <li>Puntje 2</li>
        <li>Puntje 3</li>
    </ul>
</Alert>

Is this intended? Should we not suppose to use list's inside the Alert component?

[TriangleJuice]

Hi @sebsobseb it was indeed not intended to have other html inside an alert. Can you provide us with a use case?

[sebsobseb]

Our use case was like shown in the example: to explain some "important" information using a bullet list. But, maybe it shouldn't be inside of an Alert and just be regular body text?

Unfortunately the actual copy is not 100% confirmed yet, so can’t really provide the real use case. As discussed for our project it would probably be on a content page, and not in an Alert.