Syncfusion React UI Selection Controls

SyncfusionControles de Seleção da InterfaceJavaScript

Componentes de seleção abrangentes para aplicações React modernas.

  • Oferece suporte a cenários de seleção única, múltipla e hierárquica.
  • Inclui listas suspensas, caixas de combinação, autocompletar e componentes de lista.
  • Oferece filtragem, templates e controles interativos de estado.
Syncfusion logo

Preços a partir de:

Carregando...
Disponível em
Syncfusion Essential Studio UI Component SuiteCarregando
Syncfusion Essential Studio EnterpriseCarregando
imagem do produto Syncfusion React UI Selection Controls
Os controles de seleção da Syncfusion React UI oferecem uma ampla coleção de componentes para gerenciar escolhas de usuários em aplicações React, incluindo menus suspensos pesquisáveis, seletores em árvore, botões de opção, caixas de seleção, interruptores alternáveis e grupos de botões. Esses componentes oferecem suporte a seleção única e múltipla, renderização personalizada de itens e vinculação flexível de dados para interfaces React dinâmicas.

Seleção única confiável com DropDown List

A DropDown List permite que os usuários escolham um único valor de um conjunto predefinido de opções. Ela oferece suporte a agrupamento, filtragem e modelos personalizados de itens, facilitando a apresentação clara de dados estruturados em formulários e telas de entrada de dados em React.

Gerenciando várias escolhas em um único controle

A MultiSelect DropDown permite que os usuários selecionem vários itens em uma área de entrada compacta. A filtragem integrada e a exibição flexível dos valores selecionados a tornam adequada para cenários de marcação, painéis de filtragem e seleção de categorias.

Trabalhando com dados aninhados por meio do DropDown Tree

O DropDown Tree apresenta dados hierárquicos dentro de uma interface suspensa. Os usuários podem expandir nós pai, revisar itens filho e selecionar valores em diferentes níveis. O suporte a caixas de seleção ajuda a refletir a seleção em todos os ramos da hierarquia.

Digitação orientada com AutoComplete e ComboBox

O AutoComplete sugere entradas correspondentes à medida que os usuários digitam, enquanto o ComboBox combina entrada digitada com uma lista selecionável. Juntos, eles oferecem suporte tanto à entrada de dados controlada quanto flexível, reduzindo erros e melhorando a eficiência em aplicações React.

Comparando registros no MultiColumn ComboBox

O MultiColumn ComboBox exibe vários campos de dados para cada item em seu menu suspenso. Esse layout permite que os usuários comparem atributos relacionados antes de fazer uma seleção, o que é útil para dados empresariais estruturados.

Organizando itens usando ListBox

A ListBox apresenta itens em um formato de lista claro, com suporte a seleção única ou múltipla. Os recursos de arrastar e soltar e reordenação permitem que os usuários gerenciem coleções diretamente na interface.

Limpeza de entradas de formulário com Radio Button e CheckBox

Os componentes Radio Button e CheckBox lidam com escolhas mutuamente exclusivas e independentes em formulários. Eles oferecem comportamento de seleção previsível e se integram naturalmente com componentes React controlados e não controlados.

Mudanças rápidas de estado com Toggle Switch e Button Group

O Toggle Switch Button representa valores booleanos com feedback visual imediato. O Button Group organiza opções relacionadas como botões selecionáveis, facilitando para os usuários alternar entre as escolhas disponíveis.

Seleção contextual com Mention e Chips

O componente Mention exibe sugestões quando um caractere de gatilho é digitado dentro de um campo de texto, permitindo referências embutidas. O componente Chips representa valores selecionados como elementos visuais compactos que podem ser adicionados, selecionados ou removidos conforme necessário.

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