调整React Bootstrap中渲染的组件OTPINPUT的大小
这里的验证码不适合框中。有人可以建议吗? 这是我的代码。
期望验证码适合方框,
这里是我的代码:
<Form.Group className="mb-3" controlId='formBasicVerificationcode'>
<Form.Label>Enter verification code</Form.Label>
{/* <Form.Control
name="verificationcode"
required value={values.verificationcode}
onChange={handleChange}
isInvalid={!!errors.verificationcode}
/>
<Form.Control.Feedback type="invalid">
{errors.verificationcode}
</Form.Control.Feedback> */}
<OtpInput
inputStyle="inputStyle"
numInputs={numInputs}
isDisabled={isDisabled}
hasErrored={hasErrored}
errorStyle="error"
onChange={this.handleEmailOtpChange}
separator={<span>{separator}</span>}
isInputNum={false}
isInputSecure={isInputSecure}
value={emailotp}
placeholder={placeholder}
shouldAutoFocus
/>
here the verification code is not fitting in box.could someone suggest?
here is my code.
expecting that verification code fits in box col
here is my code:
<Form.Group className="mb-3" controlId='formBasicVerificationcode'>
<Form.Label>Enter verification code</Form.Label>
{/* <Form.Control
name="verificationcode"
required value={values.verificationcode}
onChange={handleChange}
isInvalid={!!errors.verificationcode}
/>
<Form.Control.Feedback type="invalid">
{errors.verificationcode}
</Form.Control.Feedback> */}
<OtpInput
inputStyle="inputStyle"
numInputs={numInputs}
isDisabled={isDisabled}
hasErrored={hasErrored}
errorStyle="error"
onChange={this.handleEmailOtpChange}
separator={<span>{separator}</span>}
isInputNum={false}
isInputSecure={isInputSecure}
value={emailotp}
placeholder={placeholder}
shouldAutoFocus
/>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论