Standalone Directives in ngx‐layout: A Quick Reference

Standalone Directives in ngx-layout

This page lists standalone directives in ngx-layout, the selectors and the corresponding imports required for use. Refer to this table to quickly identify which directives to import for various layout configurations.

Flex

Selector	Import
fxFlex.*	FlexDirective
fxFill.*, fxFlexFill.*	FlexFillDirective
fxFlexOffset.*	FlexOffsetDirective
fxFlexOrder.*	FlexOrderDirective
fxLayout.*	LayoutDirective
fxLayoutAlign.*	LayoutAlignDirective
fxLayoutGap.*	LayoutGapDirective
fxLayoutGap.*	LayoutGapDirective

Grid

Selector	Import
gdAlignColumns.*	GridAlignColumnsDirective
gdAlignRows.*	GridAlignRowsDirective
gdArea.*	GridAreaDirective
gdAreas.*	GridAreasDirective
gdAuto.*	GridAutoDirective
gdColumn.*	GridColumnDirective
gdColumns.*	GridColumnsDirective
gdGridAlign.*	GridAlignDirective
gdRow.*	GridRowDirective
gdRows.*	GridRowsDirective