custom css classes not applied somehow

Hi,

i have this code:

<For each={alertsManager.getAlerts()}>
                        {(alert) => (
                            <div class={"flex alert alert-" + alert.type}>

<For each={alertsManager.getAlerts()}>
                        {(alert) => (
                            <div class={"flex alert alert-" + alert.type}>

alert.type

alert.type

success

success

and with daisyui and tailwindcss the div should have a green background color. However the div is colored like default just like

alert-success

alert-success

wasnt there. If i manually add

alert-success

alert-success

to the class prop it works. If I remove it after the concatinated version works somehow..
Can someone help me?

custom css classes not applied somehow

Similar Threads

custom css classes not applied somehow

Similar Threads

Similar Threads

Similar Threads