Mirrors/yewprint
2
0
Fork 0
mirror of https://github.com/yewprint/yewprint synced 2025-02-16 12:08:25 +00:00
Code Issues Projects Releases Packages Wiki Activity

Add link the the actual page in the example's MenuItem (#89)

Browse source
This commit is contained in:
Yohan Boogaert 2021-02-27 17:47:35 +01:00 • committed by GitHub
parent 70d9a394a9
commit 904715797a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
yewprint-doc/src/menu/example.rs
View file

@ -1,14 +1,21 @@
use crate::app::DocMenu;
use yew::prelude::*;
use yewprint::{Icon, IconName, Menu, MenuDivider, MenuItem};
pub struct Example {}
pub struct Example {
link: ComponentLink<Self>,
}
pub enum Msg {
GoToMenu(DocMenu),
}
impl Component for Example {
type Message = ();
type Message = Msg;
type Properties = ();
fn create(_: Self::Properties, _link: ComponentLink<Self>) -> Self {
Self {}
fn create(_: Self::Properties, link: ComponentLink<Self>) -> Self {
Self { link }
}
fn update(&mut self, _msg: Self::Message) -> ShouldRender {
@ -31,14 +38,23 @@ impl Component for Example {
<MenuItem
icon=IconName::NewTextBox
text={html!{"New text box"}}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::NewObject
text={html!{"New object"}}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::NewLink
text={html!{"New link"}}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuDivider />
<MenuItem
@ -47,6 +63,9 @@ impl Component for Example {
label=html! {
<Icon icon=IconName::Share />
}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
</Menu>
<Menu>
@ -55,11 +74,17 @@ impl Component for Example {
icon=IconName::Cut
text={html!("Cut")}
label={html!("Ctrl+X")}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::Duplicate
text={html!("Copy")}
label={html!("Ctrl+C")}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::Clipboard
@ -71,16 +96,23 @@ impl Component for Example {
<MenuItem
icon=IconName::AlignLeft
text={html!("Alignment")}
disabled=false
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::Style
text={html!("Style")}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
<MenuItem
icon=IconName::Asterisk
text={html!("Miscellaneous")}
href="#menu"
onclick=self.link
.callback(|_| Msg::GoToMenu(DocMenu::Menu))
/>
</Menu>
</>