Demo TextInput

TextInput playground

slashGuidelinesstorybookStorybookgithubGithubnpm version
Enter your name
1<TextInput required={false} 
2  forceDisplayMessage={false} 
3  disabled={false} 
4  id="uniqueid" 
5  message="" 
6  placeholder="Ex: votre nom" 
7  helpMessage="Enter your name" 
8  name="name-field" 
9  value="my value" 
10  label={<>My Label Text</>}
11  className="row af-form__group" 
12  classModifier="required" 
13  messageType="error" 
14  onChange={onChange('value')} 
15  autoComplete="none"
16  onBlur={onBlur} 
17  onFocus={onFocus} 
18  autoFocus={true} 
19  readOnly={false} 
20  isVisible={true} >
21  
22</TextInput>  
23