A collection of <input> style components which limit the user's capability of entering text in various ways

Display an input preventing the user from entering more than a specified amount of characters. Also display a character count with the input.

maxChars (number)
The maximum number of characters allowed. Defaults to 64.

alwaysShowLimit (bool)
If true, always display the character limit. If false, display the limit only when it is reached or exceeded. Defaults to false.

alertPosition (string)
bottom or right. Defaults to bottom.

import LimitedInput from '@fidelisppm/limited-input';

// In render function
<LimitedInput
	maxChars={32}
	alwaysShowLimit={true}
	alertPosition="right" 
/>

Display an input which allows only digits to be entered

import { NumberInput } from '@fidelisppm/limited-input';

// In render function
<NumberInput id="foo" className="bar"/>

Display an input allowing only digits to be entered, and show an adaptive hint in the text field in the form of a phone number format

import { PhoneInput } from '@fidelisppm/limited-input';

// In render function
<PhoneInput id="foo" className="bar"/>

Display an input allowing only digits to be entered, and show an adaptive hint in the text field in the form of a five-digit zip code

import { ZipInput } from '@fidelisppm/limited-input';

// In render function
<ZipInput id="foo" className="bar"/>