open-index/open-npm huggingface dataset:
npm package: @philipibovo/ngx-flexbox
Description: ngx-flexbox provides an easy layout API using Flexbox CSS, this lib was created as an alternative to @angular/flexlayout
Author: Philipi Bovo
Latest version: 20.0.0

<p align="center">
  <img src="https://ngx-flexbox.web.app/assets/logo-ngx-flexbox-readme.png" alt="Logo ngx flexbox" />
</p>
<br>

# 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](https://www.npmjs.com/package/@philipibovo/ngx-flexbox)

`npm install --save @philipibovo/ngx-flexbox`

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

**my-module.module.ts**

```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:

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

Check out [all of the available options](https://ngx-flexbox.web.app/) for using ngx-flexbox in your application.

---

### Browser Support

&nbsp;
<a href="http://caniuse.com/#feat=flexbox" target="_blank">
![caniuseflexbox](https://cloud.githubusercontent.com/assets/210413/21288118/917e3faa-c440-11e6-9b08-28aff590c7ae.png)
</a>

---

### License

The sources for this package are in the [ngx-flexbox](https://ngx-flexbox.web.app/) repository. <br/>
Please file issues and pull requests against that repo.

License: MIT