2023-09-21 21:57:34 +08:00
|
|
|
use crate::components::{Demo, DemoCode};
|
2023-06-13 12:43:15 +08:00
|
|
|
use leptos::*;
|
|
|
|
use melt_ui::*;
|
2023-10-04 00:11:38 +08:00
|
|
|
use prisms::highlight_str;
|
2023-06-13 12:43:15 +08:00
|
|
|
|
|
|
|
#[component]
|
2023-08-29 09:11:22 +08:00
|
|
|
pub fn MenuPage() -> impl IntoView {
|
|
|
|
let selected = create_rw_signal(String::from("o"));
|
|
|
|
view! {
|
2023-09-21 21:57:34 +08:00
|
|
|
<div style="width: 896px; margin: 0 auto;">
|
|
|
|
<h1>"Menu"</h1>
|
|
|
|
<Demo>
|
|
|
|
<Menu selected>
|
|
|
|
<MenuItem key="a" label="and"/>
|
|
|
|
<MenuItem key="o" label="or"/>
|
|
|
|
</Menu>
|
2023-10-04 00:11:38 +08:00
|
|
|
<DemoCode slot html=highlight_str!(r#"
|
|
|
|
let selected = create_rw_signal(String::from("o"));
|
|
|
|
|
|
|
|
<Menu selected>
|
|
|
|
<MenuItem key="a" label="and"/>
|
|
|
|
<MenuItem key="o" label="or"/>
|
|
|
|
</Menu>
|
|
|
|
"#, "rust")>
|
|
|
|
""
|
2023-09-21 21:57:34 +08:00
|
|
|
</DemoCode>
|
|
|
|
</Demo>
|
|
|
|
</div>
|
2023-06-13 12:43:15 +08:00
|
|
|
}
|
|
|
|
}
|