yew_components_library 0.1.0

A collection of yew components using the atomic component management system. Components are made in tailwindcss.
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
28
29
30
31
32
33
34
35
36
37
38
39

use yew::{function_component, html, Html};

mod props;
use props::Props;

use crate::atoms::*;

#[function_component]
pub fn Logo(props: &Props) -> Html {
    if props.style == "circle" {
        html! {
            <img src="images/logo/circle/1024.png" class="h-9 rounded-full" alt="Logo"/>
        }
    } else if props.style == "square" {
        //  props.style == "square"
        html! {
            <img src="images/logo/square/1024.png" class="h-9" alt="Logo"/>
        }
    } else if props.style == "labeled" {
        html! {
            <div class="flex gap-5 justify-center">
                <Logo style="circle"/>
                <Label>
                    <p class="invisible pt-0.5 text-xl font-bold sm:visible">
                    {"Futino"}
                    </p>
                </Label>
            </div>
        }
    } else {
        html! {
            <Label>
            <p class="text-red-400">
            {"STYLE NOT SET FOR LOGO"}
            </p>
            </Label>
        }
    }
}