[−][src]Struct yew_styles::navbar::navbar_item::NavbarItem
Navbar Item component
Features required
navbar
Example
use yew::prelude::*; use yew::services::ConsoleService; use yew_styles::{ navbar::{ navbar_component::{Fixed, Navbar}, navbar_container::NavbarContainer, navbar_item::NavbarItem, }, styles::{Palette, Style}, layouts::{ container::{JustifyContent, Mode}, }, }; pub struct App { link: ComponentLink<Self>, } pub enum Msg { ChangeMenu(String), } #[derive(Clone, Properties)] pub struct Props {} impl Component for App { type Message = Msg; type Properties = Props; fn create(_props: Self::Properties, link: ComponentLink<Self>) -> Self { App { link } } fn update(&mut self, msg: Self::Message) -> ShouldRender { match msg { Msg::ChangeMenu(menu) => { let mut console = ConsoleService::log(format!("{}", menu)); } } false } fn change(&mut self, _props: Self::Properties) -> ShouldRender { false } fn view(&self) -> Html { html! { <Navbar fixed=Fixed::None navbar_style=Style::Light navbar_type=Palette::Info branch=html!{<img src="/assets/spielrs_logo.png"></img>}> <NavbarContainer justify_content=JustifyContent::FlexStart(Mode::NoMode)> <NavbarItem onclick_signal=link.callback(move |_| Msg::ChangeMenu(String::from("Home")))> <span>{"Home"}</span> </NavbarItem> <NavbarItem onclick_signal=link.callback(move |_| Msg::ChangeMenu(String::from("Shop")))> <span>{"Shop"}</span> </NavbarItem> <NavbarItem onclick_signal=link.callback(move |_| Msg::ChangeMenu(String::from("Shop")))> <span>{"Shop"}</span> </NavbarItem> <NavbarItem onclick_signal=link.callback(move |_| Msg::ChangeMenu(String::from("About us")))> <span>{"About us"}</span> </NavbarItem> <NavbarItem onclick_signal=link.callback(move |_| Msg::ChangeMenu(String::from("Contact")))> <span>{"Contact"}</span> </NavbarItem> </NavbarContainer> </Navbar> } } }
Trait Implementations
impl Component for NavbarItem
[src]
type Message = Msg
Messages are used to make Components dynamic and interactive. Simple
Component's can declare their Message type to be ()
. Complex Component's
commonly use an enum to declare multiple Message types. Read more
type Properties = Props
Properties are the inputs to a Component and should not mutated within a Component. They are passed to a Component using a JSX-style syntax. Read more
fn create(props: Self::Properties, link: ComponentLink<Self>) -> Self
[src]
fn update(&mut self, msg: Self::Message) -> ShouldRender
[src]
fn change(&mut self, props: Self::Properties) -> ShouldRender
[src]
fn view(&self) -> Html
[src]
fn rendered(&mut self, _first_render: bool)
[src]
fn destroy(&mut self)
[src]
Auto Trait Implementations
impl !RefUnwindSafe for NavbarItem
impl !Send for NavbarItem
impl !Sync for NavbarItem
impl Unpin for NavbarItem
impl !UnwindSafe for NavbarItem
Blanket Implementations
impl<T> Any for T where
T: 'static + ?Sized,
[src]
T: 'static + ?Sized,
impl<T> Any for T where
T: Any,
T: Any,
impl<T> Borrow<T> for T where
T: ?Sized,
[src]
T: ?Sized,
impl<T> BorrowMut<T> for T where
T: ?Sized,
[src]
T: ?Sized,
pub fn borrow_mut(&mut self) -> &mut T
[src]
impl<T> From<T> for T
[src]
impl<T, U> Into<U> for T where
U: From<T>,
[src]
U: From<T>,
impl<COMP> Renderable for COMP where
COMP: Component,
[src]
COMP: Component,
impl<T, U> TryFrom<U> for T where
U: Into<T>,
[src]
U: Into<T>,
type Error = Infallible
The type returned in the event of a conversion error.
pub fn try_from(value: U) -> Result<T, <T as TryFrom<U>>::Error>
[src]
impl<T, U> TryInto<U> for T where
U: TryFrom<T>,
[src]
U: TryFrom<T>,
type Error = <U as TryFrom<T>>::Error
The type returned in the event of a conversion error.
pub fn try_into(self) -> Result<U, <U as TryFrom<T>>::Error>
[src]
impl<V, T> VZip<V> for T where
V: MultiLane<T>,
V: MultiLane<T>,