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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55

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

mod props;
use props::Props;

use crate::atoms::*;
use crate::molecules::*;

#[function_component]
pub fn ClientReviewCard(props: &Props) -> Html {
    let Props {
        body,
        name,
        title,
        website,
        company,
    } = props;
    let title_at_company = format!("{} of {}", title, company);
    html! {
    <div class="pt-6 text-left bg-gradient-to-r rounded-xl from-primary-light/20 to-primary-light/30 hover:from-tertiary-light/20 hover:to-tertiary-light/30 dark:from-primary-dark/20 dark:to-primary-dark/30 dark:hover:from-tertiary-dark/20 dark:hover:to-tertiary-dark/30 ">
    <a href={website.to_owned()}>
        <figure class="flex px-6">
            <img class="object-cover w-12 h-12 rounded-full" src="images/logo/square/512.png" width="600" height="800" />
            <figcaption class="pl-3">
            <Label>
            <h3 class="text-left">
            {
                name
            }
            </h3>
            </Label>
            <Label>
            <h3 class="text-left">
            {title_at_company}
            </h3>
            </Label>

            </figcaption>

        </figure>


        <blockquote class="p-6">
            <Label>
            <h3 class="font-thin text-left">

                {body}

            </h3>
            </Label>
        </blockquote>
    </a>
    </div>
    }
}