That is the twenty third in our DecEmber collection–”Countdown to The New Yr: 31 Days of Ember Addons”. We plan to focus on a brand new addon every day till the brand new 12 months, and we hope you will be part of us for the enjoyable!
Day 23
For the twenty third version of Countdown to The New Yr we will take a
take a look at two nice design library addons, ember-bootstrap and ember-paper
Ember Bootstrap – What It Does
The ember-bootstrap addon is for utilizing the Bootstrap design library in Ember purposes. This addon offers a local Ember element library for a number of the extra generally used Bootstrap parts.
The ember-bootstrap addon can assist you possibly can combine Bootstrap into your utility rapidly, and in an idiomatic Ember method.
There are a lot of associated Ember addons that combine with Ember Bootstrap to offer extra options on high of Ember Bootstrap, corresponding to type validation and changesets.
Ember Bootstrap – Why I Like It
Should you’re wanting so as to add Bootstrap to an Ember utility, ember-bootstrap makes doing so extremely straight-foward.
The ember-bootstrap addon’s clear API’s and native Ember parts additionally present an ergonomic manner to make use of Bootstrap in your Ember utility, and all with out utilizing Bootstrap’s JavaScript.
Writing types or modals with these parts is a really gratifying expertise and has streamlined the code in a number of of my initiatives.
Additionally, current variations of ember-bootstrap have added extra assist for enhancing accessibility by utilizing ember-focus-trap to implement focus entice for modals and keyboard navigation of dropdowns. ember-bootstrap has even added ember a11y checks to the addon’s take a look at suite!
It will get higher, too- ember-bootstrap is Octane prepared and has refactored it is personal parts internally to make use of native lessons and angle bracket syntax.
The ember-bootstrap addon has wonderful documentation, which you’ll be able to learn up on right here to study extra about find out how to use the addon.
Ember Paper – What It Does
Should you’re searching for an answer so as to add Google’s Materials design library to an Ember utility you need to use ember-paper to take action! ember-paper goals to encapsulate every little thing potential in Materials in Ember parts.
The ember-paper addon offers an in depth library of parts, from buttons and sliders to selects and modal dialogs.
All of ember-paper‘s parts are written in a modular and stylish Ember manner.
The ember-paper addon can also be extensible and its element protection is widened by a set of addons that can be utilized together with ember-paper to increase the library’s attain (a notable instance features a modal supervisor).
Ember Paper – Why I Like It
Typically you really want an Ember targeted resolution for Materials design and ember-paper offers an excellent easy-to-use and nicely constructed set of Ember parts to get you up and operating straight away.
I’ve used ember-paper in not less than one mission my expertise was a really clean one. Elements are written with adopted Ember design patterns in thoughts and they’re constructed to suit into your work circulation.
The element API’s present considerate touches and I have been in a position to construct out a complete UI with out understanding a lot about Materials design due to them.
You may write most parts in block-form so it is easy to wrap what you want with the options that ember-paper offers.
Octane assist is one thing that’s slated for the long run, however just isn’t but full as of in the present day.
Consistent with many broadly used Ember addons, ember-paper offers a fantastic documentation website that covers the utilization and API’s for all of its parts. You may learn up on the main points right here.
Do you employ these addons? Or any like them? We would love to listen to about Ember addons that carry you pleasure!
