Angular Flex Layout provides a sophisticated layout API using Flexbox CSS + mediaQuery. This module provides Angular 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.

Features

  • Start by installing the Angular Layout library from npm
  • You can use the Angular Layout attributes in your HTML tags for flex layout
  • Check out all of the available options for using Angular Layout in your application
  • Demos and templates included
  • The sources for this package are in the Flex Layout repository
  • Automates the process of applying appropriate Flexbox CSS to browser view hierarchies

Project Samples

Project Activity

See All Activity >

License

MIT License

Follow Angular Flex-Layout

Angular Flex-Layout Web Site

You Might Also Like
Trade Crypto with eToro's Trusted Platform Icon
Trade Crypto with eToro's Trusted Platform

Join a global community of over 35 million investors trading

A safe community space to grow your crypto **Disclaimer Don't invest unless you are prepared to loose all the money you invested.
Invest in crypto

User Reviews

Be the first to post a review of Angular Flex-Layout!

Additional Project Details

Programming Language

TypeScript

Related Categories

TypeScript HTML XHTML, TypeScript User Interface (UI) Software

Registered

2021-09-27