v1.8.0


Accessible, Testable, Taggable, DDAU Components for your Ember application

What is ember-radical?

ember-radical is a library of components designed to create consistent implementations of common interaction patterns found in web modern web applications.

Whether you're a team of one, fifteen or over a hundred, this library will enable you to enforce conventions, facilitate testing and provide access for your site to all audiences.


Fully Accessible

Typically, ensuring that your application is fully accessible to screen readers and other assistive technologies requires a fair amount of extra education and effort. Radical has been built with accessibility standards in front of mind, and all of it's components are 508/WCAG compliant right out of the box. It also self-enforces these standards by issuing warnings when its accesibility features aren't being used correctly.


Data Down, Actions Up

One-way data flow (better known in the Ember community as DDAU/Data Down, Actions Up) has practically become the de facto means for displaying and updating your application's data and state. All of Radical's components have been built strictly using one-way data flow. Not only does this help enforce one-way data flow as a development convention, it helps future proof your app as Ember continues to move forward. It's also a great way to educate your team on DDAU if you're still using two-way binding in your application.


Themeable

Radical's visual presentation is easy to customize. Radical ships with a base set of structural styles and styles for controlling its visual theme, and it gives you the flexibility of choosing how much or how little of its styles to consume in your app. It's not explicitly tied to any CSS framework, so making it fit in with your app's existing styles is a breeze.


Bootstrap Compatible

While Radical doesn't require any particular CSS framework, if you're using Bootstrap, Radical will automatically inherit and make use of its branding classes to ensure that it automatically picks up on whatever visual theming you've established.


Easy-to-use API

Every component in Radical has been thoughtfully considered to ensure that its usage is as simple as possible for most implementations, but still offers a variety of options to make them as flexible as possible. Additionally, some components like Modals and Drawers offer dead-simple subcomponent access via Ember's contextual components functionality so you don't have to remember to yield and pass a whole bunch of properties. Nice.


Fully testable

All of the components Radical are fully tested against its internal test suite. As a bonus to you, all of the major elements in radical support passing in data-test attributes that you can use to easily target instances of radical's components in your own testing framework.