Radio Group

This input has a customized API to handle a select dropdown input type.

import { ListGroup, ListOption, InputGroup } from "@adeattwood/react-form";

<ListGroup attribute="tags">
  {({ add }) => (
    <div>
      <ListOption>
        {({ index, remove }) => (
          <div key={index}>
            <InputGroup attribute={`tags.${index}`}>
              {({ props }) => (
                <div>
                  <label htmlFor={props.id}>Tag {parseInt(index) + 1}</label>
                  <input {...props} />
                  <button type="button" onClick={remove}>
                    Remove {parseInt(index) + 1}
                  </button>
                </div>
              )}
            </InputGroup>
          </div>
        )}
      </ListOption>
      <button type="button" onClick={add}>
        Add Tag
      </button>
    </div>
  )}
</ListGroup>