Function Field 

pub fn Field(props: FieldProps) -> impl IntoView

The core wrapper for a single field. Provides orientation control, invalid state styling, and spacing.

Required Props

• children: Children

Optional Props

• orientation: impl Into<MaybeProp<String>>

  • Sets the display orientation.

    Accepted values: “vertical” | “horizontal” | “responsive”. Defaults to “vertical”.

• variant: impl Into<MaybeProp<String>>

  • Sets the display variant of the Field.

    Accepted values: “button”.

• accesskey: impl Into<MaybeProp<String>>
  • A space separated list of keys to focus this element. The first key available on the user’s keyboard layout is used.
• autocapitalize: impl Into<MaybeProp<String>>

  • Sets whether the input value should be capitalized and how. If a parent <form> has autocapitalize rules set, it will override any rules set here.

    Accepted values: “none” or “off” | “sentences” or “on” | “words” | “characters”.

• autofocus: impl Into<MaybeProp<bool>>
  • Grabs focus once the page has finished loading. Only one element on the page can be focused at a time.
• class: impl Into<MaybeProp<String>>
  • Apply classes to the element.
• contenteditable: impl Into<MaybeProp<String>>

  • Allows client-side editing of the element by the user.

    Accepted values: “true” | “false” | “plaintext-only”

• dir: impl Into<MaybeProp<String>>

  • Indicate directionality of the element’s text.

    Accepted values: “ltr” | “rtl” | “auto”

• draggable: impl Into<MaybeProp<bool>>
  • Toggle whether the element can be dragged.
• enterkeyhint: impl Into<MaybeProp<String>>
  • Modifies the appearance of the enter key on virtual keyboards.
• exportparts: impl Into<MaybeProp<String>>
  • Expose elements in the shadow DOM to be manipulated by the DOM.
• hidden: impl Into<MaybeProp<String>>
  • Controls hidden status of the element.
• id: impl Into<MaybeProp<String>>
  • Set the id of this element.
• inert: impl Into<MaybeProp<bool>>
  • Toggle if the browser reacts to input events from this element.
• inputmode: impl Into<MaybeProp<String>>
  • Hints to the browser of what type of virtual keyboard to display when editing this element or its children.
• is: impl Into<MaybeProp<String>>
  • Used to render a standard element as a custom element.
• itemid: impl Into<MaybeProp<String>>
  • Unique global identifier of an item.
• itemprop: impl Into<MaybeProp<String>>
  • Used to add properties to an item.
• itemref: impl Into<MaybeProp<String>>
  • Used to associate an item with a related non-parent element that’s using itemscope.
• itemscope: impl Into<MaybeProp<String>>
  • Used to declare that children elements are related to a particular item.
• itemtype: impl Into<MaybeProp<String>>
  • URL of data used to define itemprops.
• lang: impl Into<MaybeProp<String>>
  • Defines the language of an element.
• nonce: impl Into<MaybeProp<String>>
  • Cryptographic “number used once”.
• part: impl Into<MaybeProp<String>>
  • List of the part names of the element.
• popover: impl Into<MaybeProp<String>>
  • Designate an element as a popover element.
• slot: impl Into<MaybeProp<String>>
  • Assigns a slot to an element.
• spellcheck: impl Into<MaybeProp<String>>

  • Toggle spellcheck for this input.

    Accepted values: “default” | “true” | “false”.

• style: impl Into<MaybeProp<String>>
  • Define CSS to be applied to the element.
• tabindex: impl Into<MaybeProp<usize>>
  • Controls how an element behaves when a user navigates using the tab key.
• title: impl Into<MaybeProp<String>>
  • Describes the content of the element to screen readers.
• translate: impl Into<MaybeProp<String>>
  • Defines localization behavior for the element.