Descripción general de las directivas del administrador de diseño Angular

    Las directivas de diseño Ignite UI for Angular permiten 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 el ajuste, la justificación y la 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

    Use igxLayoutDir="row".

    Vertically with Column direction

    Use igxLayoutDir="column".

    Note

    Reverse order using igxLayoutReverse="true".

    Customize the order of the elements

    Customize the order of the element by using igxFlexOrder.

    Change element spacing

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

    Position elements along the main axis

    Use igxLayoutJustify="flex-start | center | flex-end" to specify the elements position along the main axis according to your preferences.

    Position elements along the cross axis

    Use igxLayoutItemAlign="flex-start | center | flex-end" to specify the elements position along the cross axis according to your preferences.

    You can also wrap elements

    Use igxLayoutWrap="wrap".

    Note

    The igxLayout directive affects the flow directions for that container's immediate children.

    Nesting

    Use the igxFlex directive for elements inside an igxLayout parent to control specific flexbox properties.

    API References