Flex Layout APIs for DOM containers

These directives can be used on DOM containers such as <div> or <span>, like <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="15px">...</div>:

HTML API Allowed values
fxLayout <direction> | <direction> <wrap> Use: row | column | row-reverse | column-reverse
fxLayoutAlign <main-axis> <cross-axis> main-axis: start |center | end | space-around | space-between cross-axis: start | center | end | stretch
fxLayoutGap

% | px | vw | vh

Get Angular 6 for Enterprise-Ready Web Applications now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.