Seed Component with Input Binding - Seed-rust Typing CST Test

Seed Component with Input Binding — Seed-rust Code

Binds input value to model state.

# seed/demo/input.rs
use seed::{prelude::*, *};

struct Model { text: String }

enum Msg { Update(String) }

fn init(_: Url, _: &mut Orders<Msg>) -> Model {
	Model { text: String::new() }
}

fn update(msg: Msg, model: &mut Model, _: &mut Orders<Msg>) {
	if let Msg::Update(value) = msg {
		model.text = value
	}
}

fn view(model: &Model) -> Node<Msg> {
	div![
		input![
		type_("text"),
		attrs! { At::Value => model.text },
		ev(Ev::Input, |e| Msg::Update(e.value))
		],
		p![&model.text]
	]
}

#[wasm_bindgen(start)]
pub fn start() {
	App::start("app", init, update, view);
}

Seed-rust Language Guide

Seed is a Rust framework for creating front-end web apps with WebAssembly. It provides a component-based architecture inspired by Elm, enabling Rust developers to write type-safe, reactive web applications that compile to Wasm.

More Seed-rust Typing Exercises

Practice Other Languages