fix: make SidenavMenuButton class prop reactive to resolve compilation error
All checks were successful
Build MIPS Binary / build (push) Successful in 1m49s
All checks were successful
Build MIPS Binary / build (push) Successful in 1m49s
This commit is contained in:
@@ -54,12 +54,12 @@ pub enum SidenavMenuButtonVariant { #[default] Default, Outline }
|
|||||||
pub fn SidenavMenuButton(
|
pub fn SidenavMenuButton(
|
||||||
children: Children,
|
children: Children,
|
||||||
#[prop(into, optional)] variant: Signal<SidenavMenuButtonVariant>,
|
#[prop(into, optional)] variant: Signal<SidenavMenuButtonVariant>,
|
||||||
#[prop(into, optional)] class: String,
|
#[prop(into, optional)] class: Signal<String>,
|
||||||
) -> impl IntoView {
|
) -> impl IntoView {
|
||||||
let class_signal = move || tw_merge!(
|
let class_signal = move || tw_merge!(
|
||||||
"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
|
"flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground",
|
||||||
if variant.get() == SidenavMenuButtonVariant::Outline { "border border-input bg-background shadow-xs" } else { "" },
|
if variant.get() == SidenavMenuButtonVariant::Outline { "border border-input bg-background shadow-xs" } else { "" },
|
||||||
class.clone()
|
class.get()
|
||||||
);
|
);
|
||||||
view! { <button class=class_signal>{children()}</button> }
|
view! { <button class=class_signal>{children()}</button> }
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user