Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including ngx-moz-layouter with all npm packages installed. Try it out:

require("@angular/common/package.json"); // @angular/common is a peer dependency. require("@angular/core/package.json"); // @angular/core is a peer dependency. var ngxMozLayouter = require("ngx-moz-layouter")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

ngx-moz-layouter v1.9.2

Angular 4 flexsible layout with amazing animations. Based on CSS grid

ngx-moz-layouter - Angular library built with ❤ using ngx-library yeoman generator.

npm version Build Status Coverage Status dependency Status devDependency Status

Demo

View all the directives in action at https://digimuza.github.io/ngx-moz-layouter

Dependencies

  • Angular (requires Angular 2 or higher, tested with 2.0.0)

Installation

Install above dependencies via npm.

Now install ngx-moz-layouter via:

npm install --save ngx-moz-layouter

SystemJS

Note:If you are using SystemJS, you should adjust your configuration to point to the UMD bundle. In your systemjs config file, map needs to tell the System loader where to look for ngx-moz-layouter:

map: {
  'ngx-moz-layouter': 'node_modules/ngx-moz-layouter/bundles/ngx-moz-layouter.umd.js',
}

Once installed you need to import the main module:

import { LibModule } from 'ngx-moz-layouter';

The only remaining part is to list the imported module in your application module. The exact method will be slightly different for the root (top-level) module for which you should end up with the code similar to (notice MozLayoutModule.forRoot()):

import { LibModule } from 'ngx-moz-layouter';

@NgModule({
  declarations: [AppComponent, ...],
  imports: [MozLayoutModule.forRoot(), ...],  
  bootstrap: [AppComponent]
})
export class AppModule {
}

Other modules in your application can simply import MozLayoutModule:

import { LibModule } from 'ngx-moz-layouter';

@NgModule({
  declarations: [OtherComponent, ...],
  imports: [MozLayoutModule, ...], 
})
export class OtherModule {
}

Usage

License

Copyright (c) 2017 Andrius Mozūraitis (digimuza.com). Licensed under the MIT License (MIT)

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free