<>
                <div className="form-check form-check-inline">
                    <MakeInput
                        inputType="radio"
                        inputClass="test-radio form-check-input"
                        inputName="test-radio"
                        inputContent= {{
                            nameGroup: "test-radio-group",
                            value: "uwu i'm a radio",
                            checked: "true",
                            required: "true",
                        }}
                        cssInput={{ "border": "1px solid teal", }}
                         />
                </div>
                <div className="form-check form-check-inline">
                    <MakeInput
                            inputType="radio"
                            inputClass="test-radio form-check-input"
                            inputName="test-radio"
                                inputContent= {{
                                    nameGroup: "test-radio-group",
                                    value: "uwu i'm a radio",
                                    checked: "true",
                                    required: "true",
                                }}
                            cssInput={{ "border": "1px solid teal", }}
                            />
                </div>
                <div class="form-check">
                    <MakeInput
                            inputType="checkbox"
                            inputId="accept-terms-cb"
                            humanName="Accept terms checkbox"
                            inputClass="test-checkbox mkip-valid-class form-check-input"
                            inputName="test-checkbox"
                            inputContent= {{
                                value: "Check Me Out",
                                checked: "false",
                                required: "true",
                                validate: "You must read and accept the terms of service to proceed."
                            }}
                            cssInput={false}
                        />
                </div>
                <div class="form-group">
                    <MakeInput
                            inputType="text"
                            inputId="enter-name"
                            humanName="First Name"
                            inputClass="test-name mkip-valid-class form-control"
                            inputName="enter-name"
                            inputContent={{
                                labelValue: "First Name",
                                minLength: "0",
                                maxLength: "20",
                                size: "20",
                                autocomplete: "on",
                                inputMode: "string",
                                required: "true",
                            }}
                            cssInput={false}
                    />
                </div>
                <div class="form-group">
                    <MakeInput
                            inputType="email"
                            inputId="enter-email-cb"
                            humanName="E-mail entry"
                            inputClass="test-email mkip-valid-class form-control"
                            inputName="test-email"
                            inputContent= {{
                                labelValue: "Enter your email: ",
                                required: "true",
                                pattern: "[^@]+@[^\.]+\..+",
                                validate: "You must enter a valid e-mail"
                                }}
                            cssInput={false}
                            />
                </div>
    </>