Workaround for Leptos classes

[BugraEryilmaz]

Hi,

I am just starting to use leptos and stylance for the first time. There is an annoying interaction with the Leptos framework. You can have class:name tags, which is very nice to use, and you can only have one class=<function> tag. The idea is to have dynamic stuff with the first approach and static stuff with the second. The problem is the following code does not work because it assigns the class week::calendar instead of evaluating the value. If we change : to = to have functions, it gives an error for having multiple class tags.

stylance::import_style!(#[allow(dead_code)] week, "week.css");
#[leptos::component]
pub fn Week() -> impl IntoView {
    return view! {
        <div class:week::calendar
             class:week::button />
    };
}

Is there a workaround for this?

[basro]

Stylance includes the utility classes! macro that can be used to combine multiple classes into a single string which you'd pass to the element's class attribute. I think this is what you are looking for.