Angular: Angular Material Beta Release, New Flex-Layout library

  • With flex-layout, we have made layout a standalone library, decoupled from the UI components.
  • In March, we gave you a first preview of the new Angular Material components.
  • In Angular 1.x, layout tools were included as part of Angular Material.
  • We’ve built all of the core UI components that most applications will need.
  • For users on Angular Material 1.x, a new release is expected in early 2017 with bug fixes and security improvements.


@nofluff: Angular Material Beta Release, New Flex-Layout library

We’re sneaking in a little holiday gift at the end of the year: two new beta releases for developers to try out with the latest version of Angular.

Also out in beta today, the new @angular/flex-layout package is a general-purpose flex-based layout library for use in any Angular application later than version 2.4. It provides a responsive engine and API to easily define how UI layouts should update as viewport sizes change with orientation across different display devices. The HTML API makes it trivial to quickly arrange (and auto-resize) web page component layouts. In Angular 1.x, layout tools were included as part of Angular Material. With flex-layout, we have made layout a standalone library, decoupled from the UI components. Learn more about the flex-layout beta here.

Whether you’re building a new app, or upgrading from a legacy Angular 1.x app that needs Layout and Angular Material APIs, these components will help you to quickly build a beautiful and performant UI consistent with Google’s Material Design spec.

We’ve built all of the core UI components that most applications will need. Start using these libraries, and give us feedback on GitHub.

We don’t plan to make any large API changes before exiting beta, however we’ll make changes based on feedback we receive during the beta process.

Angular: Angular Material Beta Release, New Flex-Layout library