@philipibovo/ngx-flexbox
TypeScript icon, indicating that this package has built-in type declarations

0.0.17 • Public • Published

Logo ngx flexbox


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

  caniuseflexbox


License

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

License: MIT

Dependencies (1)

Dev Dependencies (0)

    Package Sidebar

    Install

    npm i @philipibovo/ngx-flexbox

    Weekly Downloads

    2

    Version

    0.0.17

    License

    MIT

    Unpacked Size

    254 kB

    Total Files

    22

    Last publish

    Collaborators

    • philipibovo