hakilebara / ember-color-palette

An Ember component that displays a color palette.

ember-color-palette

Displays a color palette. Heavily inspired by https://github.com/chrislopresto/ember-freestyle.

Documentation

Here you'll find a detailed documentation

Compatibility

• Ember.js v3.4 or above Previous verions of ember will need to use ember-angle-bracket-invocation-polyfill

• Ember CLI v2.13 or above

Installation

ember install ember-color-palette

Usage

  // controller.js
  const colors = [
    { name: "blue100", base: "#e8f5ff" },
    { name: "blue400", base: "#068dfe" },
    { name: "blue500", base: "#0890ff" },
    { name: "blue600", base: "#077ee0" },
    { name: "blue700", base: "#066fc4" },
    { name: "blue800", base: "#0765b3" }
  ];


<!-- template.hbs -->
<ColorPalette @colors={{this.colors}} @title={{this.title}} @description={{this.description}}/>

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.