Componentes de App Builder
La pestaña Toolbox a la izquierda le permite recorrer la lista de todos los componentes disponibles de Ignite UI for Angular, así como algunos componentes generales de App Builder, como diseño absoluto, por filas, por columnas y contenedor de vistas. La entrada de búsqueda en la parte superior de la lista de componentes facilita la búsqueda de un componente en particular. Todos los componentes se distribuyen convenientemente en grupos según su uso. Los componentes atenuados aún no se han agregado, por lo tanto están deshabilitados, pero pronto estarán disponibles en futuras actualizaciones. Los componentes se pueden agregar al Design Canvas arrastrándolos y soltándolos desde el Toolbox.
Uso de componentes de App Builder:
Agregar componentes rápidamente
También puede utilizar nuestra función de adición rápida utilizando el atajo de teclado ctrl+E o cmd+E en una Mac para buscar y agregar componentes. Solo recuerde que "E" significa todo. La adición rápida mantiene un registro de los componentes utilizados recientemente, lo que facilita agregar componentes que usa frecuentemente. Hacer doble clic en un componente en el Toolbox también lo agregará al Design Canvas.
Agregar un componente rápidamente
Configuración de componentes
Cada componente viene con un conjunto de tipos preestablecidos que coinciden con el sistema Indigo.Design. Por ejemplo, hay tres tipos preestablecidos de botones en el sistema Indigo.Design: elevado, contorneado y plano.
Valores preestablecidos del componente
Para componentes más complejos, como un campo de entrada o un componente de tarjeta, puede activar o desactivar secciones del componente. Además, las propiedades del componente también reflejan la estructura visual del componente y coinciden con las especificaciones que encontrará en nuestro kit de herramientas para desarrolladores como Ignite UI for Angular. En el caso de un campo de entrada, puede habilitar o deshabilitar la sección de prefijo para agregar un icono inicial.
Desactivar propiedades del componente
Recursos Adicionales
GitHub
