leptos_element_plus/
lib.rs

1
2//!A wrapper of [Element Plus](https://element-plus.org) for [Leptos](https://leptos.dev/).
3//!
4//!Explore the combination of Vue components with Leptos,it's simply for the sake of reusing the wheel.
5//!
6//!
7//!# A Simple
8//!main.rs
9//!```rust
10//!mod app;
11//!
12//!use leptos::*;
13//!use leptos_meta::provide_meta_context;
14//!
15//!use app::*;
16//!use leptos_element_plus::ElementPlusSetup;
17//!
18//!fn main() {
19//!    _ = console_log::init_with_level(log::Level::Debug);
20//!
21//!    provide_meta_context();
22//!    mount_to_body(|| {
23//!        view! {
24//!            <ElementPlusSetup/>
25//!            <App/>
26//!        }
27//!    })
28//!}
29//!```
30//!app.rs
31//!```rust
32//!use leptos::*;
33//!use leptos::logging::log;
34//!use js_sys::Date;
35//!
36//!use leptos_element_plus::components::el_date_time_picker::DateTimePicker;
37//!
38//!#[component]
39//!pub fn App() -> impl IntoView {
40//!    let date = create_rw_signal(Date::new_0());
41//!    create_effect(move|_| {
42//!        log!("date: {:?}", date.get().to_string());
43//!    });
44//!    view! {
45//!        <div class="flex flex-col p-6 space-y-4">
46//!            <DateTimePicker
47//!                value=date
48//!                placeholder="Select date and time"
49//!            />
50//!        </div>
51//!    }
52//!}
53//!```
54
55pub mod components;
56
57mod setup;
58
59pub use setup::ElementPlusSetup;
leptos_element_plus/lib.rs

leptos_element_plus/
lib.rs
