tinkr 0.0.43

Tinkr is a web framework for quickly building full-stack web applications with 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
28
29
30
31
32
33
34

use leptos::prelude::*;

#[component]
pub fn ProgressBar(progress: RwSignal<i64>) -> impl IntoView {
    // let (progress, set_progress) = signal(0);
    // let (is_uploading, set_is_uploading) = signal(false);

    // let start_upload = move |_| {
    //     if !is_uploading.get() {
    //         set_is_uploading.set(true);
    //         set_progress.set(0);
    //         // Simulate upload progress
    //         set_progress.set(100);
    //     }
    // };

    view! {
        <div class="space-y-4">

            <div class="relative h-2 bg-neutral-700 rounded-full overflow-hidden">
                <div
                    class=move || {
                        format!(
                            "absolute inset-y-0 left-0 bg-gradient-to-r from-blue-500 to-cyan-500 duration-200",
                        )
                    }
                    style:width=move || format!("{}%", progress.get())
                ></div>
            </div>

            <div class="text-neutral-400 text-sm">Progress: {move || progress.get()}%</div>
        </div>
    }
}