ember-progress-card
v0.0.0
Published
The default blueprint for ember-cli addons.
Downloads
1
Maintainers
Readme
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.