ngx-flexbox

ngx-flexbox provides an easy layout API using Flexbox CSS. This module provides Angular developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings.

This lib was created as an alternative to @angular/flexlayout, and was heavily inspired by it.

Getting Started

Start by installing the Angular Layout library from npm

npm install --save @philipibovo/ngx-flexbox

Next, you'll need to import the ngx-flexbox module in your module.

my-module.module.ts

import { NgxFlexboxModule } from '@philipibovo/ngx-flexbox';
...

@NgModule({
    ...
    imports: [ NgxFlexboxModule ],
    ...
});

After that is configured, you can use the ngx-flexbox attributes in your HTML tags for ngx-flexbox:

<div pbFxLayout="row" pbFxLayoutAlign="start space-between"></div>

Check out all of the available options for using ngx-flexbox in your application.

Browser Support

License

The sources for this package are in the ngx-flexbox repository. Please file issues and pull requests against that repo.

License: MIT