af

angular2-flex

A set of flexbox based directives inpired heavily by Angular Material 1

Showing:

Popularity

Downloads/wk

0

GitHub Stars

5

Maintenance

Last Commit

5yrs ago

Contributors

0

Package

Dependencies

0

License

MIT

Type Definitions

Built-In

Tree-Shakeable

Yes?

Categories

Readme

Angular2-Flex - Flexbox directives for Angular 2

The goal of this project is to provide interum flexbox support for angular 2 apps while the Angular Material Team is busy working on Angular Material 2. With some luck all of the existing Angular Material directives will be supported.

Demo Site: https://angular2-flex.firebaseapp.com/

Usage

Install via NPM
npm i -S angular2-flex

Add a link to /node_modules/angular2-flex/layout.css

Update your AppModule

import {Angular2FlexModule} from 'angular2-flex'; // <- do this
@NgModule({
  imports: [
    BrowserModule,
    FormsModule,
    HttpModule,
    Angular2FlexModule.forRoot(), // <- do this
  ],
  declarations: [
    DemoApp
  ]
})

Development

Currently working on:

  • Get flex-offset working
  • Add documentation for directives
  • Update README for directives with samples
  • $media service like Angular Material but using observables
  • Move SCSS files into their respective components
  • Added Unit tests and e2e tests

Feature status:

FeatureStatusDocsIssue
layoutAvailableREADME-
flexAvailableREADME-
flex-orderAvailableREADME-
flex-offsetAvailableREADME-
layout-alignAvailableREADME-
layout-fillAvailableREADME-
layout-wrapAvailableREADME-
layout-nowrapAvailableREADME-
layout-marginAvailableREADME-
layout-paddingAvailableREADME-
showAvailableREADME-
hideAvailableREADME-
mediaNot started--

"Available" means that the components or feature is published and available for use, but may still be missing some behaviors or polish.

Thanks

The Angular Material 2 project was used a base for this project build system it is a thing of beauty. Some of the logic and scss files from Angular Material 1 were used for this project as well. Thanks to the Angular Team for all of their great work on all of their projects.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100
No reviews found
Be the first to rate

Alternatives

No alternatives found

Tutorials

No tutorials found
Add a tutorial