conditionally render tailwind

[brianmay]

Hello,

How can I conditionally add a tailwind class to an rsx element?

So far my attempts have resulted in tailiwind not seeing the conditional code and as a result not generating the required class.

I see solutions applicable for Javascript, not Rust.

Thanks

[ealmloff]

You can add multiple classes to the same element and dioxus will merge them together:

div {
    class: if true { "w-6" },
    class: if false { "bg-red" }
}

[brianmay]

I didn't know that. Thanks!

[socgnachilderic]

try to use classes crate.

use classes::classes;

div {
    class: classes!("w-6" => true, "bg-red" => false)
}

Or

div {
    class: if true { "w-6" } else { "bg-red"}
}