sidebar 0.0.1

🗃️ A highly customizable sidebar component for WASM frameworks like Yew, Dioxus, and Leptos.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

use yew::prelude::*;

#[derive(Properties, Clone, PartialEq)]
pub struct LogoProps {
    #[prop_or("/")]
    pub href: &'static str,
    #[prop_or_default]
    pub img_url: &'static str,

    #[prop_or("padding: 1rem;")]
    pub style: &'static str,
    #[prop_or_default]
    pub class: &'static str,
}

#[function_component(Logo)]
pub fn logo(props: &LogoProps) -> Html {
    html! {
        <a href={props.href} class={props.class} style={props.style} aria-label="Home">
            if props.img_url.is_empty() {
                <strong>{ "LOGO" }</strong>
            } else {
                <img src={props.img_url} alt="Logo" style="max-height: 40px;" />
            }
        </a>
    }
}