Input Group

<LeftToRight class="items-center justify-around w-full items-end">
  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup>
      <TextInput field={:country} size="xl" placeholder="Country" />
      <TextInput field={:phone} size="xl" placeholder="Phone" />
    </InputGroup>
  </Form>

  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup orientation="vertical">
      <TextInput field={:country} size="xl" placeholder="Country" />
      <TextInput field={:phone} size="xl" placeholder="Phone" />
    </InputGroup>
  </Form>
</LeftToRight>

<LeftToRight class="items-center justify-around w-full items-end" dir="rtl">
  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup>
      <TextInput field={:country} size="xl" placeholder="Country" />
      <TextInput field={:phone} size="xl" placeholder="Phone" />
    </InputGroup>
  </Form>

  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup orientation="vertical">
      <TextInput field={:country} size="xl" placeholder="Country" />
      <TextInput field={:phone} size="xl" placeholder="Phone" />
    </InputGroup>
  </Form>
</LeftToRight>

<LeftToRight class="items-center justify-around w-full items-end">
  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup>
      <TextInput field={:email} size="xl" placeholder="Email" type="email" />
      <TextInput field={:password} size="xl" placeholder="Password" type="password" id="password1" />
    </InputGroup>
  </Form>

  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup orientation="vertical">
      <TextInput field={:email} size="xl" placeholder="Email" type="email" />
      <TextInput field={:password} size="xl" placeholder="Password" type="password" id="password2" />
    </InputGroup>
  </Form>
</LeftToRight>

<LeftToRight class="items-center justify-around w-full items-end">
  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup included_fields={[:email, :password]}>
      <TextInput field={:email} size="xl" placeholder="Email" type="email" />
      <TextInput field={:password} size="xl" placeholder="Password" type="password" id="password3_1" />
    </InputGroup>

    <div class="pt-4">
      <Button type="submit" right_icon="arrows_right" variant="primary">Register</Button>
    </div>
  </Form>

  <Form for={@user_changeset} change="register_form_update" submit="register_form_submit">
    <InputGroup orientation="vertical" included_fields={[:email, :password]}>
      <TextInput field={:email} size="xl" placeholder="Email" type="email" />
      <TextInput field={:password} size="xl" placeholder="Password" type="password" id="password3_2" />
    </InputGroup>

    <div class="pt-4">
      <Button type="submit" right_icon="arrows_right" variant="primary">Register</Button>
    </div>
  </Form>
</LeftToRight>