Ir para o conteúdo
Novidades: Ignite UI for Web Components 24.1

Novidades: Ignite UI for Web Components 24.1

Veja o que há de novo na versão mais recente do Ignite UI for Web Components 24.1! Novos recursos e outras melhorias interessantes - tudo parte deste lançamento contínuo.

4min read

Nos últimos meses, fizemos melhorias significativas em nosso Ignite UI for Web Components. Esses aprimoramentos visam fornecer aos desenvolvedores ferramentas ainda mais robustas e repletas de recursos para criar aplicativos da Web de nível empresarial. Na versão mais recente, apresentamos novos recursos e otimizações que aprimoram o desempenho, a acessibilidade e a experiência do usuário em geral.

Vamos mergulhar fundo e explorar essas atualizações emocionantes.

Version 4.5

Componente Área de texto

A Área de Texto Ignite UI for Web Components representa um controle de edição de texto sem formatação de várias linhas. É útil quando você deseja permitir que os usuários insiram uma quantidade considerável de texto de formato livre, como um comentário em um formulário de revisão ou feedback.

Exemplo de Web Components componente de área de texto

Componente Grupo de botões

O componente Grupo de botões Web Components é usado para organizar IgcToggleButtonComponent s em grupos de botões estilizados com alinhamento horizontal/vertical, seleção única/múltipla e alternância.

Exemplo de Web Components componente Grupo de botões

Componente do botão de alternância

O IgcToggleButtonComponent é usado em combinação com o IgcButtonComponent componente para obter uma barra de ferramentas como UX.

A gaveta de navegação agora dá suporte a transições CSS

Atributo de posição para componentes de torradas e lanchonetes

Version 4.6

Registro de alterações 4.6
Persistência de estado de grade

A persistência de estado Ignite UI for React em Web Components grade de dados, Web Components grade de árvore e Web Components grade hierárquica permite que os desenvolvedores salvem e restaurem facilmente o estado da grade. Quando o IgrGridState é aplicado no React IgrGrid, ele expõe os GetState métodos e GetStateAsString​ ​ApplyState​ ​ApplyStateFromString que os desenvolvedores podem usar para obter persistência de estado em qualquer cenário. Os recursos suportados são:

Exemplo de Web Components recurso de persistência de estado de grade

Espaço de ação adicionado ao componente Snackbar

Slot expandido por indicador adicionado ao painel de expansão

Alternar slot expandido com ícone adicionado a Selecionar

Version 4.7

Changelog 4.7

Atualização do componente de árvore

Atualização do componente de classificação

Alternar slot expandido com ícone adicionado a Selecionar

Version 4.8

Changelog 4.8

Componente de grade hierárquica

O Ignite UI para Web Components Grade de Dados Hierárquica exibe e manipula dados tabulares hierárquicos. Vincule rapidamente seus dados com muito pouco código ou use uma variedade de eventos para personalizar diferentes comportamentos. Este componente fornece recursos avançados, como seleção de dados, filtragem de estilo do Excel, classificação, paginação, modelagem, movimentação de coluna, fixação de coluna, exportação para Excel e CSV e muito mais. A Grade hierárquica se baseia no componente de grade plana. Ele estende sua funcionalidade permitindo que os usuários expandam ou recolham as linhas da grade pai, revelando as grades filhas correspondentes quando informações mais detalhadas são necessárias.

Exemplo de Web Components componente de Grade Hierárquica

Combobox component update

Atualização dos componentes Botão e Ícone Botão

Navigation bar update

Version 4.9

Atualização do componente Grupo de botões

Input component update

Atualização do componente Área de texto

Version 4.10

Componente de banner

Web Components componente de banner fornece uma maneira de exibir facilmente uma mensagem proeminente para os usuários do aplicativo de uma maneira menos transitória do que uma barra de lanches e menos intrusiva do que uma caixa de diálogo. O Banner também pode ser configurado para exibir botões de ação personalizados e um ícone.

Exemplo de Web Components componente de banner

Divider component

O componente divisor permite que os usuários separem o conteúdo horizontal e verticalmente.

Novo componente Seletor de data

Web Components DatePicker é um componente rico em recursos para inserir uma data por meio da entrada manual de texto ou escolher valores de data em uma caixa de diálogo de calendário que aparece. Leve e simples de usar, o DatePicker no Web Components permite que os usuários naveguem até uma data desejada com várias opções de visualização: mês, ano e década. Existem as propriedades min, max e required usuais para adicionar validação.

Atualização do componente Grupo de Rádio

Para encerrar tudo...

Perfeitamente criado para compatibilidade, Ignite UI for Angular é a biblioteca que permite aproveitar o poder das tecnologias mais recentes e dos principais lançamentos. Comprometidos em fornecer a você o melhor kit de ferramentas de interface do usuário Angular e insights relacionados, nosso objetivo é equipá-lo com mais know-how, novos recursos, desempenho aprimorado e estabilidade aprimorada. Algumas das melhorias foram adicionadas graças às solicitações de usuários como você por meio de nosso repositório Ignite UI for Web Components GitHub. Com isso em mente, estamos sempre abertos a sugestões e feedbacks – isso nos faz crescer e responder melhor às suas necessidades de desenvolvimento.

Se precisar de mais detalhes, recomendamos que você confira nosso:

Além disso

Siga-Ignite UI no Medium para se manter atualizado e saber mais sobre os últimos projetos relacionados à Angular em que estamos trabalhando. Dê-nos uma estrela no GitHub e ajude-nos a continuar melhorando nosso produto, abordando quaisquer preocupações, perguntas ou solicitações de recursos na seção de problemas.

Ignite UI for Web Components

Solicite uma demonstração