DevExtreme React UI Input Controls

DevExpressControles de Entrada da InterfaceJavaScript

Um conjunto abrangente de componentes de entrada React personalizáveis.

  • Conjunto abrangente de componentes de entrada e formulário React.
  • Suporta cenários de entrada baseados em texto, numéricos, de data e de arquivo.
  • Projetado para formulários interativos e entrada avançada do usuário.
DevExpress logo

Preços a partir de:

Carregando...
Disponível em
DevExtreme CompleteCarregando
DevExpress DXperienceCarregando
DevExpress UniversalCarregando
DevExpress VCL Subscription +Carregando
Precisa de ajuda para escolher? Veja Como comprar e a especificação
imagem do produto DevExtreme React UI Input Controls
Os controles de entrada da interface do usuário do DevExtreme React fornecem uma ampla coleção de componentes React para capturar, validar e gerenciar a entrada do usuário. Eles oferecem suporte a layouts de formulário comuns, diálogos interativos e cenários avançados de filtragem, ajudando os desenvolvedores a criar experiências consistentes de inserção de dados em aplicações empresariais.

Componentes de Entrada de Texto

Fornece componentes de entrada de texto de linha única e multilinha para capturar strings inseridas pelo usuário. Esses componentes oferecem suporte a placeholders, estados de validação, opções de formatação e padrões comuns de interação usados em formulários, campos de pesquisa, comentários e entrada de dados em geral.

Modos de Entrada Personalizáveis

Configure os modos de entrada para aceitar tipos específicos de dados, como email, telefone, URL ou senha, influenciando os layouts do teclado móvel e o comportamento da entrada.

Gerenciamento de Rótulos e Placeholders

Use rótulos com diferentes modos de exibição (estático, flutuante, oculto) ou placeholders para orientar os usuários de forma clara e elegante sobre a entrada esperada.

Validação e Feedback da Entrada

O suporte integrado à validação indica a validade da entrada, exibe mensagens de validação e permite personalizar o tratamento de erros de validação.

Botões Personalizados e Função Limpar

Adicione botões de ação personalizados dentro dos campos de entrada e inclua um botão Limpar para redefinir facilmente os controles de entrada.

Suporte a Eventos de Teclado

Trate os eventos keyDown, keyUp e enterKey para criar interações responsivas e gerenciar a entrada dinamicamente com as ações do teclado do usuário.

Flexibilidade de Estilo e Tematização

Ajuste os modos de estilo e os atributos definidos pelo desenvolvedor para adequar os controles de entrada às diretrizes de design e UX da aplicação.

Acessibilidade e Navegação por Teclado

Os componentes oferecem suporte ao gerenciamento de foco, teclas de acesso e são projetados com recursos de acessibilidade para permitir a navegação por teclado.

Tratamento de Eventos e Gerenciamento de Ciclo de Vida

Amplos hooks de eventos para ciclo de vida e interações do usuário ajudam os desenvolvedores a monitorar e controlar o comportamento dos componentes de entrada ao longo do uso da aplicação.

Design Responsivo e com Suporte a Toque

Otimizados para aplicações React, esses controles de entrada são responsivos e oferecem suporte à funcionalidade de interface por toque para dispositivos modernos.

Compatibilidade do produto

Revise os detalhes abaixo para garantir que este produto seja compatível com o seu ambiente.

Tipo de componente

  • JavaScript

Plataforma JavaScript

  • React