Descripción general de las directivas Angular Layout Manager

    La Ignite UI for Angular permite a los desarrolladores especificar una dirección de diseño para cualquier elemento secundario del contenedor al que se aplica. El diseño puede fluir vertical u horizontalmente, con controles para ajuste, justificación y alineación.

    Angular Layout Manager Example

    Usage

    Utilice la directiva igxLayout en un elemento contenedor para especificar la dirección del diseño para sus hijos:

    Horizontally with Row direction

    Utilice igxLayoutDir="row".

    Vertically with Column direction

    Utilice igxLayoutDir="column".

    Note

    Orden inverso usando igxLayoutReverse="true".

    Customize the order of the elements

    Personaliza el orden del elemento usando igxFlexOrder.

    Change element spacing

    Utilice igxLayoutJustify="space-between | space-around".

    Position elements along the main axis

    Utilice igxLayoutJustify="flex-start | center | flex-end" para especificar la posición de los elementos a lo largo del eje principal según sus preferencias.

    Position elements along the cross axis

    Utilice igxLayoutItemAlign="flex-start | center | flex-end" para especificar la posición de los elementos a lo largo del eje transversal según sus preferencias.

    You can also wrap elements

    Utilice igxLayoutWrap="wrap".

    Note

    La directiva igxLayout afecta las direcciones de flujo para los hijos inmediatos de ese contenedor.

    Nesting

    Utilice la directiva igxFlex para elementos dentro de un padre igxLayout para controlar propiedades específicas de flexbox.

    API References