Struct Field 

pub struct Field { /* private fields */ }

Available on crate feature yew only.

A convenience composition of Control, FormLabel, Input, and Helper into a single, fully validated form field.

This component removes boilerplate for the common pattern of a labeled input with validation state and helper text. It wraps input-rs for the actual <input> element, inheriting all its HTML5 validation attributes.

Accessibility

• The <label> is explicitly linked to the <input> via for/id.
• Helper text is linked via aria-describedby.
• Error messages have role="alert" for immediate screen-reader announcement.

Examples

use form_rs::yew::Field;
use yew::prelude::*;

#[function_component(EmailInput)]
pub fn email_input() -> Html {
    let handle = use_state(String::new);
    let valid = use_state(|| true);
    html! {
        <Field
            id="email"
            name="email"
            r#type="email"
            label="Email address"
            placeholder="ferris@opensass.org"
            helper_text="We'll never share your email."
            required=true
            handle={handle}
            valid_handle={valid}
            validate_function={|v: String| !v.is_empty() && v.contains('@')}
        />
    }
}

Trait Implementations

impl BaseComponent for Field

where Self: 'static,

type Message = ()

The Component’s Message.

type Properties = FieldProps

The Component’s Properties.

fn create(ctx: &Context<Self>) -> Self

Creates a component.

fn update(&mut self, _ctx: &Context<Self>, _msg: Self::Message) -> bool

Updates component’s internal state.

fn changed( &mut self, _ctx: &Context<Self>, _old_props: &Self::Properties, ) -> bool

React to changes of component properties.

fn view(&self, ctx: &Context<Self>) -> HtmlResult

Returns a component layout to be rendered.

fn rendered(&mut self, _ctx: &Context<Self>, _first_render: bool)

Notified after a layout is rendered.

fn destroy(&mut self, _ctx: &Context<Self>)

Notified before a component is destroyed.

fn prepare_state(&self) -> Option<String>

Prepares the server-side state.

impl Debug for Field

fn fmt(&self, f: &mut Formatter<'_>) -> Result

Formats the value using the given formatter.

impl FunctionProvider for Field

type Properties = FieldProps

Properties for the Function Component.

fn run(ctx: &mut HookContext, props: &Self::Properties) -> HtmlResult

Render the component. This function returns the Html to be rendered for the component.