React Design System: component Default Input

Default Input

A Default Input let users enter and edit text.

First Name

Overview

API

Code

Component 'DefaultInput'

First, you need to import a component to your code (сheck component path is right):

import DefaultInput from "../../core/Inputs/DefaultInput";

To use the component, copy and paste an example from the CODE tab.
Default props of component can be omitted, they are applied automatically. For example, you can skip the prop type='def', because 'def' is the default value of prop 'type'.

view

string = smooth

This prop set the view of the component. Possible states: smooth | outlined | raised | filled . The default state is smooth.

color

string = primary

This prop set the color of the component. Possible states: primary | default. The default state is primary.

className

string

A space-delimited list of class names to pass along to a child element.

label

string

Label text.

value

string

Form value of the input, for controlled usage.

placeholder

string

Placeholder text in the absence of any value.

errorHelperText

string

Helper text.

clearButton

boolean = false

Use or not clear button (cross icon) to clear value.

success

boolean = false

Component success state.

error

boolean = false

Component error state.

fill

boolean = false

Whether this button should expand to fill its container. The default state is false.