Layout Manager

The Ignite UI for Angular Layout Directive allows developers to specify a layout direction for any children of the container it is applied to. Layout can flow vertically or horizontally, with controls for wrapping, justification, and alignment.

Layout Demo


Use the igxLayout directive on a container element to specify the layout direction for its children: horizontally with igxLayoutDir="row" or vertically with igxLayoutDir="column".

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


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

API References