Text Input
Il componente <TextInput> viene utilizzato all’interno di form o dove viene richiesta da parte dell’utente l’imputazione di dati string o number
Codice
inserisci il nome utente
const [text, setText] = React.useState<string>('wiki')
return(
<TextInput
label={"Nome utente"}
name={"nomeUtente"}
type={"text"}
value={text}
onChange={(e) => setText(e.target.value)}
error={text === ''}
helperText={"inserisci il nome utente"} />
)Proprietà obbligatorie
| Name | Signature | Description |
|---|---|---|
<Chip label='label' color='default'/> | string | Etichetta del campo |
<Chip label='name' color='default'/> | string | Nome del campo |
<Chip label='value' color='default'/> | 'string' | 'number' | 'never' | Valore del campo |
<Chip label='type' color='default'/> | 'text' | 'number' | 'email' | 'date' | 'time' | 'datetime-local' | Tipologia del campo |
Proprietà aggiuntive
| Name | Signature | Description |
|---|---|---|
<Chip label='onChange' color='default'/> | (e: React.ChangeEvent<HTMLTextAreaElement | HTMLInputElement>) => void | Funzione eseguita al cambio del contenuto |
<Chip label='error' color='default'/> | boolean | Booleano per indicare il campo come in errore |
<Chip label='helperText' color='default'/> | 'string' | 'number' | 'never' | Testo visualizzato al di sotto del campo |