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

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

mod props;
use props::Props;

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

#[function_component]
pub fn ContactForm(props: &Props) -> Html {
    html! {
        <form>
                        <div class="grid gap-6 mb-6 md:grid-cols-2">
                            <TextField label="first_name" title="Jorge" place_holder="First Name" required=true/>
                            <TextField label="last_name" title="Last Name" place_holder="Lewis" required=true/>
                            <TextField label="company_name" title="Company Name" place_holder="Futino" required=true/>
                            //
                        </div>

                        <BigTextField label="body" title="What would you like to say? :)" place_holder="I'd like to ask..." required=true/>

                        <div class="mb-6">
                        <TextField label="email" title="Email Address" place_holder="contact@futino.com" required=true/>
                        </div>

                        <button type="submit"
                            class="py-2.5 px-5 w-full text-sm font-medium text-center rounded-lg sm:w-auto transition duration-300 text-secondary-on-light dark:text-secondary-on-dark hover:text-tertiary-on-light dark:hover:text-tertiary-on-dark bg-secondary-light dark:bg-secondary-dark hover:bg-tertiary-light dark:hover:bg-tertiary-dark">
                            {"Submit"}
                        </button>
                    </form>
    }
}