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.
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.
The sources for this package are in the ngx-flexbox repository.
Please file issues and pull requests against that repo.
License: MIT