impl Component for App { ... fn view(&self) -> Html { html! { <div class="col max-w-sm bg-white shadow-md rounded-lg px-8 pt-6 pb-4 mb-4 flex flex-col"> <h1 class="title font-bold text-3xl text-center text-gray-800"><span>{"The "}</span><span class="text-green-600">{"Yew"}</span><span>{"plicator!"}</span></h1> <section> <form class="mt-6"> <label class="block text-gray-700 text-sm font-bold mb-2" for="textInput">{"Write me ✏️"}</label> <input class="shadow appearance-none border rounded w-full py-2 px-3 mb-4 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" id="textInput" type="text" oninput=self.link.callback(|e: InputData| Msg::DuplicateText(e)) /> </form> </section> <section class="col max-w-sm bg-white shadow-md rounded-lg px-8 pt-6 pb-4 mb-4"> <textarea class="textarea" value={self.text.clone()}/> </section> </div> } } }