BT

Angular Material 1.0 is Here

| by Abel Avram Follow 7 Followers on Dec 18, 2015. Estimated reading time: 1 minute |

Angular Material 1.0 has been released.

Angular Material is a set of 32 UI components representing the reference implementation of the Google Material Design specification and usable in AngularJS single-page applications. This version targets AngularJS 1.x and requires at least AngularJS 1.3.x to run.

Angular Material contains the usual UI elements - Button, Checkbox, Icon, List, Menu, and others -, but also more complex ones, such as Card, Datepicker, Speed Dial, FAB Toolbar, Grid List or Virtual Repeat, the latest reusing the visible rows in a list for performance reasons to deal with a large amount of data. The library includes a set of AngularJS directives for creating responsive layouts based on Flexbox.

Angular Material enables developers to customize the components by using CSS or themes. With CSS one can modify the look of text, buttons and checkboxes. A theme establishes a color palette that is to be used throughout the entire application.

Google intends to support the next to the latest version of the major browsers, and Angular Material has been tested with Chrome, Firefox, IE 11+, Safari, Android 4.2+ and iOS 8+. The library does not behave properly when used together with ngTouch and Ionic in a mobile application due to a conflict in handing touch commands.

For the near future, Google will attempt to keep up with the official Material Design specification. A team has also started working on a version of the UI library for AngularJS 2.0

Rate this Article

Adoption Stage
Style

Hello stranger!

You need to Register an InfoQ account or or login to post comments. But there's so much more behind being registered.

Get the most out of the InfoQ experience.

Tell us what you think

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Great! No need for angular-ui/bootstrap by Thai Dang Vu

Both angular-ui/bootstrap and this one use a lot of paddings and as I can see, it's easy to break something if we try to change the padding in both of them.

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

Allowed html: a,b,br,blockquote,i,li,pre,u,ul,p

Email me replies to any of my messages in this thread

1 Discuss

Login to InfoQ to interact with what matters most to you.


Recover your password...

Follow

Follow your favorite topics and editors

Quick overview of most important highlights in the industry and on the site.

Like

More signal, less noise

Build your own feed by choosing topics you want to read about and editors you want to hear from.

Notifications

Stay up-to-date

Set up your notifications and don't miss out on content that matters to you

BT