API Documentation

HTML API (Declarative)

Below are the links to the documentation pages for each directive within the @angular/flex-layout API.

Containers

API for container elements [with 1 or more nested child elements]:

• fxLayout:
  Defines the flow order of child items within a flexbox container.
  <div fxLayout="column"> </div>
• fxLayoutWrap :
  Defines if child items appear on a single line or on multiple lines within a flexbox container.
  <div fxLayoutWrap> </div>
• fxLayoutGap:
  Defines if child items within a flexbox container should have a gap using margin-right or margin-left. <div fxLayoutGap="10px"> </div>

#### Child Elements within Containers

API for elements nested within FlexBox container elements:

• fxFlex
  This markup specifies the resizing of its host element within a flexbox container flow.
  e.g. <div fxFlex="1 2 calc(15em + 20px)"></div>

JavaScript API (Imperative)

The programmatic API for flex-layout is deliberately minimized.