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

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

mod props;
use props::Props;

use crate::atoms::*;

#[function_component]
pub fn TextField(props: &Props) -> Html {
    let Props {
        label,
        title,
        place_holder,
        required,
    } = props;
    html! {
        <div>
                                <label for={label.to_owned()}
                                    class="block mb-2 text-sm font-medium text-background-on-light dark:text-background-on-dark ">{title}</label>
                                <input type="text" id={label.to_owned()}
                                    class="block p-2.5 w-full text-sm rounded-lg border bg-tertiary-light border-outline-light text-tertiary-on-light focus:ring-tertiary-light focus:border-tertiary-light dark:bg-tertiary-dark dark:border-outline-dark dark:text-tertiary-on-dark dark:focus:ring-tertiary-dark dark:focus:border-tertiary-dark"
                                    placeholder={place_holder.to_owned()} required={required.to_owned()} />
                            </div>
    }
}