Input

Renders an <input> element.

@type

Optional property which will default to text. Maps to <input> types.

Allowed Types

• color
• date
• datetime-local
• email
• hidden
• month
• number
• password
• range
• search
• tel
• text
• time
• url
• week

Special Cases

• file is supported only for images through image
• checkbox

Examples

<Form as |form|>
  <form.Field @name="email" @title="Email" as |field|>
    <field.Input />
  </form.Field>

  <form.Field @name="age" @title="Age" @type="number" as |field|>
    <field.Input />
  </form.Field>
</Form>

@before

Renders text before the input

Examples

<Form as |form|>
  <form.Field @name="email" @title="Email" @before="mailto:" as |field|>
    <field.Input />
  </form.Field>
</Form>

@after

Renders text after the input

Examples

<Form as |form|>
  <form.Field @name="email" @title="Email" @after=".com" as |field|>
    <field.Input />
  </form.Field>
</Form>