Default

With six digits

With placeholder

Small

                                                
                                                import BpkSplitInput, { INPUT_TYPES } from '@skyscanner/backpack-web/bpk-component-split-input';
                                                
                                                export default () => (
                                                  <BpkSplitInput
                                                    type={INPUT_TYPES.number}
                                                    name="otpInput"
                                                    id="otpInput"
                                                    label="otp input"
                                                    onChange={(e) => console.log('On Input Change')}
                                                    onSubmit={(e) => console.log('On Submit')}
                                                  />
                                                );

Props