leptos_form: Derive leptos forms from rust structs
Documentation
- Docs
- GitHub repository
- Cargo package
- Minimum supported Rust version: 1.75.0 or later
Features
- Automatic form parsing -- focus on how your data is represented and not on how to get it in and out of html
- Easy specification of label and input classes, great for Tailwind integration
- Labels are derived from struct fields and can be given form-wide casing
- DOM layout customization through attributes
- Integration with popular crates
Crate features
This crate offers the following features, all of which are not activated by default:
bigdecimal: Provides impls forBigDecimalcache-local-storage: Provides support for writing intermediate form data to/from local storage.cache-serde_json: Provides support for (de)serializing form state as JSON.chrono: Provides impls forDateTime,NaiveDate,NaiveDateTimenum-bigint: Provides impls forBigIntandBigUintuuid: Provides impls forUuid
Example
mod my_crate {
use leptos::*;
use leptos_form::prelude::*;
use serde::*;
#[derive(Clone, Debug, Default, Deserialize, Form, Serialize)]
#[form(
component(
action = create_my_data(my_data),
on_success = |DbMyData { id, .. }, _| view!(<div>{format!("Created {id}")}</div>),
reset_on_success,
),
label(wrap(class = "my-class", rename_all = "Title Case")),
)]
pub struct MyData {
pub my_name: String,
}
#[derive(Clone, Debug, Deserialize, Serialize)]
pub struct DbMyData {
pub id: i32,
pub name: String,
}
#[component]
pub fn MyComponent() -> impl IntoView {
view! {
<MyData
initial={MyData::default()}
top=|| view!(<input type="button" value="Submit" />)
/>
}
}
#[server]
async fn create_my_data(my_data: MyData) -> Result<DbMyData, ServerFnError> {
todo!()
}
}
1.3k Jan 9, 2023
5 Jul 18, 2023
1.3k Dec 28, 2022
5 Oct 23, 2023
4 Sep 18, 2022
4 Aug 6, 2022
17 Jan 3, 2023
4 Dec 11, 2023
5 Jul 20, 2022
1.3k Jan 4, 2023
4 Sep 3, 2022
21 Nov 17, 2022
0 Dec 3, 2022
11 May 9, 2022
6 Jul 14, 2022
36 Dec 3, 2022
4 Dec 18, 2022
20 Feb 12, 2023
46 Feb 19, 2023