Slice Input

A Slice Input is build with a type default prop of text, that can be used by to enter any data the user wants to.

Props

Placeholder

Required Prop

The required prop triggers error if there is no value.

Disabled Prop

The disabled prop cancels all kind of interaction with the input.

Types

Text

As said before, the text type is the default type to a Slice Input. can be field with text, numbers, and symbols.

Number

In text type an user can enter as much of text as numbers, but with number type it can only be enter numbers.

Password & Secret Prop

The password type for a Slice Input automatically sets all the information into secret. With secret prop being true the data entered can be revealed at will by the user.

Email

The very own HTML Input tag can verify if the data entered is a valid email.

Date

This type allows the user to enter a specific date of the calendar.

Slice Input Conditions

The Slice Input cand have conditions set up by the developers. This is highly recomended for emails and passwords, but also can by used in the default text type.

The usage of "regex" makes the rest of conditions useless because it has to specify all conditions. Regex is only recomended for those who have the proper knowledge.

Methods

The Slice Input has it's own methods to validate if the entered data match the conditions, to trigger error (and success), and to clear the input.