Provides HTML UI layout for Angular applications; using Flexbox and a Responsive API
TypeScript JavaScript Shell CSS HTML
Switch branches/tags
v2.0.0-beta.12 v2.0.0-beta.11 v2.0.0-beta.10 v2.0.0-beta.9 v2.0.0-beta.8 v2.0.0-beta.7 v2.0.0-beta.6 v2.0.0-beta.5 v2.0.0-beta.4 v2.0.0-beta.3 v2.0.0-beta.2 v2.0.0-beta.1 v1.0.0-alpha.12 2.0.1-866e0a7 2.0.0-rc.1-f270078 2.0.0-rc.1-eb22fe5 2.0.0-rc.1-eb5cb9f 2.0.0-rc.1-c2463a5 2.0.0-rc.1-ba0d85d 2.0.0-rc.1-3743282 2.0.0-rc.1-044632e 2.0.0-rc.1-2340a19 2.0.0-rc.1-980d412 2.0.0-rc.1-053fa67 2.0.0-rc.1-7cad395 2.0.0-rc.1-5db01e7 2.0.0-beta.11-b8a652d 2.0.0-beta.11-b01c2d7 2.0.0-beta.10-dc23b6d 2.0.0-beta.10-4905443 2.0.0-beta.10-3505185 2.0.0-beta.10-351573a 2.0.0-beta.9-f978b94 2.0.0-beta.9-f19bff2 2.0.0-beta.9-ea26752 2.0.0-beta.9-e461d17 2.0.0-beta.9-e3b2035 2.0.0-beta.9-e3b7fde 2.0.0-beta.9-df46d7a 2.0.0-beta.9-cc12733 2.0.0-beta.9-c3c7151 2.0.0-beta.9-1267972 2.0.0-beta.9-28173c2 2.0.0-beta.9-9133b18 2.0.0-beta.9-5823f4a 2.0.0-beta.9-816d85a 2.0.0-beta.9-481c2d1 2.0.0-beta.9-354f54f 2.0.0-beta.9-301b563 2.0.0-beta.9-99eabfb 2.0.0-beta.9-99e7450 2.0.0-beta.9-66f3717 2.0.0-beta.9-52cfcbe 2.0.0-beta.9-37e5912 2.0.0-beta.9-9d53907 2.0.0-beta.9-8b8b595 2.0.0-beta.9-7dcd97b 2.0.0-beta.9-7a48c25 2.0.0-beta.9-6b457dc 2.0.0-beta.9-5f198a3 2.0.0-beta.9-0e7d2e0 2.0.0-beta.9-0da1f88 2.0.0-beta.8-ffcad3a 2.0.0-beta.8-f5558de 2.0.0-beta.8-f0473e9 2.0.0-beta.8-d171c33 2.0.0-beta.8-d6b45a6 2.0.0-beta.8-beb5ed0 2.0.0-beta.8-bc0c900 2.0.0-beta.8-bbc1ba9 2.0.0-beta.8-b068dd2 2.0.0-beta.8-aa03283 2.0.0-beta.8-a3f2a83 2.0.0-beta.8-3611003 2.0.0-beta.8-771f2c9 2.0.0-beta.8-695bf37 2.0.0-beta.8-635c4f5 2.0.0-beta.8-81b41e6 2.0.0-beta.8-052a4a9 2.0.0-beta.8-45cfd2e 2.0.0-beta.8-40defac 2.0.0-beta.8-37a0b85 2.0.0-beta.8-21c34f7 2.0.0-beta.8-9fb0877 2.0.0-beta.8-6b42a27 2.0.0-beta.8-5ebeb23 2.0.0-beta.8-3e1fcbd 2.0.0-beta.8-0f13b14 2.0.0-beta.8-00ac57a 2.0.0-beta.7-e58330d 2.0.0-beta.7-b48ab7c 2.0.0-beta.6-f721f40 2.0.0-beta.6-da97af4 2.0.0-beta.6-aabe96d 2.0.0-beta.5-d95cb09 2.0.0-beta.5-81d8adf 2.0.0-beta.4-f57a63d 2.0.0-beta.4-eee20b2 2.0.0-beta.4-e6bc451 2.0.0-beta.4-dad69fe
Nothing to show
Clone or download
Pull request Compare This branch is 89 commits behind angular:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
.github
scripts
src
test
tools
.clang-format
.editorconfig
.gitignore
.travis.yml
CHANGELOG.md
LICENSE
README.md
build-config.js
firebase.json
gulpfile.js
package-lock.json
package.json
release
stylelint-config.json
tsconfig.json
tslint.json

README.md

Angular Flex-Layout

npm version Build Status Gitter

Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular (v4.1 and higher) developers with component layout features using a custom Layout API, mediaQuery observables, and injected DOM flexbox-2016 CSS stylings.

The Flex Layout engine intelligently automates the process of applying appropriate Flexbox CSS to browser view hierarchies. This automation also addresses many of the complexities and workarounds encountered with the traditional, manual, CSS-only application of box CSS.

The real power of Flex Layout, however, is its responsive engine. The Responsive API enables developers to easily specify different layouts, sizing, visibilities for different viewport sizes and display devices.


Support for Angular 5.x

Current builds only support Angular 5.x or higher. These changes were required to support to the revised Angular build structures, AOT, and View Renderers.


Quick Links

Developers

Demos


Browser Support

  caniuseflexbox



License

The sources for this package are in the Flex Layout repository.
Please file issues and pull requests against that repo.

License: MIT