MobileInput

An input is a UI element that accepts text data from the user

Author

• @author Hariharan [email protected]

Modified

• @modified Vengadesh Pandiyan [email protected]

Link

Story Book Link to MobileInput

PlayGround

Try it have a fun codeBox

Installation

npm i @licuido-ui/ui_mobile-input

Import component

import { MobileInput } from '@licuido-ui/ui_mobile-input';

Usage

<MobileInput label={''} errorMessage={''} />

Image

Image

Sample Code

<MobileInput
  className={''}
  sx={{}}
  placeholder={'Enter mobile number'}
  required={false}
  label={''}
  onChange={console.log}
  fullWidth={true}
  autoFocus={true}
  readonly={false}
  disabled={false}
  value={{}}
  error={false}
  helperText={''}
  id={''}
  selectValu={{}}
  mobileInputStyle={{}}
  inputStyle={{}}
  dropDownStyle={{}}
  labelStyle={{}}
  helperTextStyle={{}}
  errorMessage={''}
  variant=''
/>

Props

| Name | Description | Default | Control | | --------------------- | --------------------------------------------------------------------- | ----------- | --------------------------- | | id | This is unique and used to run BDD test and for applied data-testid | string | string | | className | string | - | | sx | SxProps{} | - | RAWsx : {} | | placeholder | string | - | Enter mobile number | | required | boolean | - | False or True | | label | string | - | | onChange | ()=>{} | - | - | | fullWidth | boolean | - | False or True | | autoFocus | boolean | - | False or True | | readonly | boolean | - | False or True | | disabled | boolean | - | False or True | | value | | - | RAWvalue : {} | | error | boolean | - | False or True | | helperText | string | - | | | id | string or number | - | | | selectValu | | - | RAWselectValue : {} | | mobileInputStyle | SxProps{} | - | RAWmobileInputStyle : {} | | inputStyle | SxProps{} | - | RAWinputStyle : {} | | dropDownStyle | SxProps{} | - | RAWdropDownStyle : {} | | labelStyle | SxProps{} | - | RAWlabelStyle : {} | | helperTextStyle | SxProps{} | - | RAWhelperTextStyle : {} | | errorMessage | string | - | | variant | This Describes the variant of the Text Field | string | | metanusInputStyle | This Describes the Style Prop of the Text Field | object | RAWmetanusInputStyle : {} | | countryCode | This Describes Country Code Prop Json | array | Array | | isFlagImg | boolean | - | False or True | | borderRight | The right side border for dropdown | string | 1px solid #E9E9E9 |