How to use

Basic

Let's say you want to create a simple From. So let's take an example how you do it, check it out below.

app/user/page.tsx

<AForm>
  <div className="row">
    <div className="col-6 mb-3">
      <label>First Name</label>
      <AFormInput
        name={'username'}
        type={'text'}
        placeholder={'Username'}
        validation={''}
      />
    </div>
    <div className="col-6 mb-3">
      <label>Last Name</label>
      <AFormInput
        name={'username'}
        type={'text'}
        placeholder={'lastname'}
        validation={'required'}
      />
    </div>
  </div>
</AForm>

The above code will render TextInput like this.