Componentes do App Builder
A guia Toolbox à esquerda permite que você percorra a lista de todos os componentes Ignite UI for Angular disponíveis, bem como alguns componentes gerais do App Builder, como layout absoluto, linha, coluna e contêiner de exibições. A entrada de pesquisa no topo da lista de componentes facilita a localização de um componente específico. Todos os componentes são convenientemente distribuídos em grupos com base em seu uso. Os componentes acinzentados ainda não foram adicionados e estão desabilitados, mas logo estarão disponíveis nas próximas atualizações. Os componentes podem ser adicionados ao Design Canvas arrastando e soltando-os da Toolbox.
Usando Componentes do App Builder:
Adição rápida de componentes
Você também pode usar nosso recurso de adição rápida usando o atalho de teclado ctrl+E ou cmd+E em macs para pesquisar e adicionar componentes. Lembre-se apenas que "E" significa everything (tudo). O recurso de adição rápida mantém o rastreamento dos componentes usados recentemente, facilitando a adição de componentes que você usa com frequência. Clicar duas vezes em um componente na Toolbox também o adicionará ao Design Canvas.
Adicionar rapidamente um componente
Configurando componentes
Cada componente vem com um conjunto de tipos predefinidos que correspondem ao sistema Indigo.Design. Por exemplo, existem três tipos predefinidos de botões no sistema Indigo.Design: raised, outlined e flat.
Predefinições do componente
Para componentes mais complexos, como um campo de entrada ou um componente de cartão, você pode ativar/desativar seções do componente. Além disso, as propriedades do componente também refletem a estrutura visual do componente e correspondem às especificações que você encontrará em nosso kit de ferramentas para desenvolvedores, como Ignite UI for Angular. No caso de um campo de entrada, você pode ativar ou desativar a seção de prefixo para adicionar um ícone à esquerda.
Desativar propriedades do componente
Recursos Adicionais
GitHub
