Input

Campo de entrada de texto com suporte a labels, mensagens de erro e texto auxiliar.

import { Input } from '@mt/design-system'

<Input placeholder="Digite algo..." />

Nome completo

<Input
  label="Nome completo"
  placeholder="João Silva"
/>

Usaremos este email para contato

<Input
  label="Email"
  type="email"
  placeholder="exemplo@email.com"
  helperText="Usaremos este email para contato"
/>

Email inválido

<Input
  label="Email"
  type="email"
  placeholder="exemplo@email.com"
  error="Email inválido"
/>

Campo desabilitado

<Input
  label="Campo desabilitado"
  placeholder="Não editável"
  disabled
/>

Senha

<Input
  label="Senha"
  type="password"
  placeholder="Digite sua senha"
/>

Props

Prop	Type	Default	Description
`label`	`string`	-	Label text for the input
`error`	`string`	-	Error message to display
`helperText`	`string`	-	Helper text to display below the input
`placeholder`	`string`	-	Placeholder text
`type`	`string`	`'text'`	HTML input type
`disabled`	`boolean`	`false`	Disables the input

Este componente também aceita todas as props nativas do elemento <input> do HTML.