Input

Campo de texto com label, mensagem de erro e suporte a ref.

Instalação

npm install @dexcode-core/ui

Uso

import { Input } from '@dexcode-core/ui'
 
export default function Example() {
  return (
    <Input
      label="E-mail"
      type="email"
      placeholder="voce@empresa.com"
      isRequired
    />
  )
}

Com mensagem de erro

<Input
  label="Senha"
  type="password"
  errorMessage="A senha deve ter no mínimo 8 caracteres"
/>

Com ref

import { useRef } from 'react'
import { Input } from '@dexcode-core/ui'
 
export default function Example() {
  const ref = useRef<HTMLInputElement>(null)
  return <Input ref={ref} label="Nome" />
}

Props

Prop	Tipo	Padrão	Descrição
`label`	`string`	—	Texto exibido acima do campo
`isRequired`	`boolean`	`false`	Exibe um asterisco vermelho ao lado do label
`errorMessage`	`string`	—	Mensagem de erro exibida abaixo do campo; também aplica estilo de erro
`...`	`InputHTMLAttributes`	—	Todos os atributos nativos do `<input>`

Button Select