thaw/demo_markdown/docs/loading_bar/mod.md
luoxiaozero 1e4832a6d0
refactor demo docs (#64)
* demo: refactor docs

* demo: refactor docs

* demo: refactor docs

* demo: refactor docs
2023-12-31 23:33:05 +08:00

1.1 KiB

Loading Bar

"If you want to use loading bar, you need to wrap the component where you call related methods inside LoadingBarProvider and use use_loading_bar to get the API."
let loading_bar = use_loading_bar();
let start = Callback::new(move |_| {
    loading_bar.start();
});
let finish = Callback::new(move |_| {
    loading_bar.finish();
});
let error = Callback::new(move |_| {
    loading_bar.error();
});

view! {
    <Space>
        <Button on_click=start>"start"</Button>
        <Button on_click=finish>"finish"</Button>
        <Button on_click=error>"error"</Button>
    </Space>
}

LoadingBarProvider Injection Methods

Name Type Description
start fn(&self) Callback function for loading bar to start loading.
finish fn(&self) The callback function when the loading bar finishes loading.
error fn(&self) Callback function for loading bar error.