Components

FormInputGroup

renders an input equipped with an **optional right-side addon** (text, currency, unit, or icon).

Examples

Prop

Type

Text Addon:

<FormInputGroup
  control={form.control}
  name="price"
  addon="USD"
  inputGroupProps={{ type: "number" }}
/>

Compound Addon:

<FormInputGroup
  control={form.control}
  name="short_url"
  addon={
    <>
      <GlobeIcon className="w-4 h-4 mr-2" /> ifx.li/
    </>
  }
/>

How is this guide?

FormDatePicker

is the standard text input element.

FormInput

is the standard text input element.