0.0.0 • Published 2 years ago

ember-progress-card v0.0.0

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

ember-progress-card

This addon helps you to create a custom UI component called Progress Card.

It has 3 types - Compact, Medium and Relaxed. The UI will be displayed by passing repsective parameters.

Ex:

For type - Compact

 <ProgressCard @title="Growth Value" @percentage="5" @userName="John Dec" @color="#c823ee" @subTitle="3 key results"></ProgressCard>

For type - Medium

 <ProgressCard @title="Sass Industry - 2040"  @percentage="100" @type="medium" @color="#c823ee" @userName="John Dec" ></ProgressCard>

For type - Relaxed

<ProgressCard  @title="IT sector" @subTitle="3 key results" @color="#c823ee" @percentage="33" @type="relaxed" @userName="Alex volta" @userUrl="https://cdn.iconscout.com/icon/free/png-256/free-laptop-user-1-1179329.png"></ProgressCard>

Parameters allowed:

@title, @subTitle, @color, @percentage (Designed to show percentage only), @type, @userName, @userUrl (User's thumbnail)

Compatibility

  • Ember.js v3.28 or above
  • Ember CLI v3.28 or above
  • Node.js v14 or above

Installation

ember install ember-progress-card

Usage

You can use this in any ember project.

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.