diff options
author | Hayleigh Thompson <me@hayleigh.dev> | 2024-03-27 20:57:14 +0000 |
---|---|---|
committer | Hayleigh Thompson <me@hayleigh.dev> | 2024-03-27 20:57:14 +0000 |
commit | 9d0aa7738449ac70787dfced639b0573432ee005 (patch) | |
tree | 5f4ce51e99d6d87457982e3cdc8657fc19e784b2 /examples/03-controlled-inputs/src/app.gleam | |
parent | ef41bf37c5042aea3a79bdf4883d5a0946462469 (diff) | |
download | lustre-9d0aa7738449ac70787dfced639b0573432ee005.tar.gz lustre-9d0aa7738449ac70787dfced639b0573432ee005.zip |
:memo: Update examples docs.
Diffstat (limited to 'examples/03-controlled-inputs/src/app.gleam')
-rw-r--r-- | examples/03-controlled-inputs/src/app.gleam | 15 |
1 files changed, 9 insertions, 6 deletions
diff --git a/examples/03-controlled-inputs/src/app.gleam b/examples/03-controlled-inputs/src/app.gleam index d3c764e..f620e6a 100644 --- a/examples/03-controlled-inputs/src/app.gleam +++ b/examples/03-controlled-inputs/src/app.gleam @@ -35,13 +35,13 @@ fn init(_) -> Model { // UPDATE ---------------------------------------------------------------------- pub opaque type Msg { - GotInput(value: String) - Reset + UserUpdatedMessage(value: String) + UserResetMessage } fn update(model: Model, msg: Msg) -> Model { case msg { - GotInput(value) -> { + UserUpdatedMessage(value) -> { let length = string.length(value) case length <= model.max { @@ -49,7 +49,7 @@ fn update(model: Model, msg: Msg) -> Model { False -> model } } - Reset -> Model(..model, value: "", length: 0) + UserResetMessage -> Model(..model, value: "", length: 0) } } @@ -67,10 +67,13 @@ fn view(model: Model) -> Element(Msg) { ui.field( [], [element.text("Write a message:")], - ui.input([attribute.value(model.value), event.on_input(GotInput)]), + ui.input([ + attribute.value(model.value), + event.on_input(UserUpdatedMessage), + ]), [element.text(length <> "/" <> max)], ), - ui.button([event.on_click(Reset)], [element.text("Reset")]), + ui.button([event.on_click(UserResetMessage)], [element.text("Reset")]), ), ) } |