Infragistics Ignite UI for Angular UI Layout and Design Controls
Controles flexíveis de layout e design do Angular para apps responsivos.
- Fornece diretivas para controlar direções de layout e o fluxo dos elementos filhos.
- Suporta layouts horizontais e verticais com quebra e alinhamento.
- Permite personalização da ordem dos elementos, do espaçamento e dos eixos de alinhamento.
Preços a partir de:
| Disponível em | |
|---|---|
| Infragistics Ignite UI for Angular | Carregando |
| Infragistics Ignite UI | Carregando |
| Infragistics Professional | Carregando |
| Infragistics Ultimate | Carregando |
Controle de Direção do Layout
Use a diretiva igxLayout para especificar o fluxo horizontal (row) ou vertical (column) para elementos filhos imediatos dentro de um contêiner, permitindo uma estruturação flexível de componentes de UI.
Reverter a Ordem dos Elementos
Aplique a propriedade igxLayoutReverse para reverter a ordem de renderização dos elementos, facilitando layouts da direita para a esquerda ou layouts alternativos.
Ordenação Personalizada de Elementos
Utilize igxFlexOrder em elementos individuais para ajustar sua sequência de exibição dentro do layout, substituindo a ordem padrão do DOM.
Espaçamento e Justificação de Elementos
A diretiva igxLayoutJustify oferece opções como space-between, space-around, flex-start, center e flex-end para controlar a distribuição e o posicionamento dos elementos ao longo do eixo principal.
Alinhamento do Eixo Cruzado
Use igxLayoutItemAlign para alinhar elementos verticalmente em uma linha ou horizontalmente em uma coluna, com opções incluindo flex-start, center e flex-end, aprimorando a precisão do layout.
Quebra de Conteúdo
Ative igxLayoutWrap com a configuração wrap para permitir que os elementos fluam para várias linhas quando excederem a largura do contêiner, oferecendo suporte a designs responsivos.
Aninhamento de Layouts
Combine contêineres igxLayout e diretivas igxFlex em elementos filhos para criar layouts flexbox aninhados complexos, gerenciando tamanho, alinhamento e ordem em vários níveis hierárquicos.
Integração com Material Design
Essas diretivas são desenvolvidas com os princípios de design do Angular Material, garantindo consistência de estilo e temas perfeitas dentro de aplicativos Angular que seguem as diretrizes do Material.
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
- Angular
- JavaScript vanilla
Sobre Infragistics
A Infragistics, fundada em 1989 e com sede em Cranbury, New Jersey, consolidou-se como uma força global no desenvolvimento de UI/UX, atendendo profissionais de software em mais de 100 países. É amplamente reconhecida por suas bibliotecas e frameworks abrangentes que dão suporte a plataformas web, desktop e mobile, incluindo soluções adaptadas para .NET, Angular, React e outras tecnologias líderes. Com escritórios espalhados pela Europa, Ásia e América do Sul, a Infragistics fornece componentes que permitem o desenvolvimento eficiente de aplicativos e experiências ricas para o usuário. Seu compromisso com a inovação e a satisfação do cliente a posiciona como uma parceira confiável para desenvolvedores e organizações em todo o mundo que buscam qualidade e flexibilidade em seus projetos digitais.
Saiba mais sobre InfragisticsExplore os produtos de Infragistics
Como distribuidores oficiais e autorizados desde 1996, a ComponentSource fornece a você licenças legítimas diretamente da Infragistics.