2023-06-19 23:07:01 +08:00
|
|
|
use indoc::indoc;
|
2023-06-13 12:43:15 +08:00
|
|
|
use leptos::*;
|
|
|
|
use melt_ui::*;
|
|
|
|
|
|
|
|
#[component]
|
|
|
|
pub fn MenuPage(cx: Scope) -> impl IntoView {
|
|
|
|
let selected = create_rw_signal(cx, String::from("o"));
|
|
|
|
view! { cx,
|
2023-06-19 23:07:01 +08:00
|
|
|
<Card>
|
2023-06-19 21:53:39 +08:00
|
|
|
{ move || selected.get() }
|
|
|
|
<Menu selected>
|
|
|
|
<MenuItem key="a" label="and"/>
|
|
|
|
<MenuItem key="o" label="or"/>
|
|
|
|
</Menu>
|
2023-06-19 23:07:01 +08:00
|
|
|
<CardFooter slot>
|
|
|
|
<Code>
|
|
|
|
<pre>
|
|
|
|
{
|
|
|
|
indoc!(r#"
|
|
|
|
<Menu selected>
|
|
|
|
<MenuItem key="a" label="and"/>
|
|
|
|
<MenuItem key="o" label="or"/>
|
|
|
|
</Menu>
|
|
|
|
"#)
|
|
|
|
}
|
|
|
|
</pre>
|
|
|
|
</Code>
|
|
|
|
</CardFooter>
|
|
|
|
</Card>
|
2023-06-13 12:43:15 +08:00
|
|
|
}
|
|
|
|
}
|