jb-mobile-input web component

superset component on jb-input , just for mobile number input with extra filter and ready to use validator.

• dont accept non-number char
• accept persian number char
• type heading 09 in case of user missing it and always give you the number in the same format.
• have ready to use inside validator with jb-validation

Demo in codepen: jb-mobile-input

using with JS frameworks

to use this component in react see jb-mobile-input/react;

Installation

npm install --save jb-mobile-input

Usage

import 'jb-mobile-input';

or by using cdn

<script src="https://unpkg.com/jb-mobile-input/dist/jb-mobile-input.umd.js"></script>

<jb-mobile-input></jb-mobile-input>

to learn more information about this component and how to customize it like events, validation, styling,... just read jb-input.

styling

all styles come from jb-input except --jb-mobile-input-input-direction this may be set if you want your input to be rtl (not recommended).

Other Related Docs:

• see jb-mobile-input/react if you want to use this component as a ReactJS component.

• see All JB Design system Component List for more components

• use Contribution Guide if you want to contribute in this component.