Primals
Input

Input

The Input component is a simple wrapper around the native <input> element. It is used to create text inputs, password inputs, and other types of inputs.

<Input placeholder="Enter your name" name="name" value="test" />

Props

This takes all the props from the default props table and all the native <input> element. In addition to that, it also takes the following props:

PropTypeDefaultDescription
errorbooleanfalseIf true, the input will be styled as an error input.
disabledbooleanfalseIf true, the input will be disabled.

Examples

Text Input

Password Input

Error Input

Disabled Input