<butter-github-star>
This web-component shows the number of stars of a Github repository.
<butter-github-star user="JCrestel" repository="butter-github-star"></butter-github-star>
Installation
Install the component using Bower
$ bower install butter-github-star --save
Usage
- Import Web Components's polyfill (if needed):
<script src="../webcomponentsjs/webcomponents.min.js"></script>
- Import the component:
<link rel="import" href="../butter-github-star/butter-github-star.html">
- Use the component:
<butter-github-star user="JCrestel" repository="butter-github-star"></butter-github-star>
Attributes
Attribute | Type | Mandatory | Description |
---|---|---|---|
user |
String | Yes | User on Github |
repository |
String | Yes | Repository of the user |
Styling
<butter-github-star>
provides the following custom properties for styling:
Custom property | Description | Default |
---|---|---|
--butter-icon-color |
Color of the star | --iron-icon-fill-color |
--iron-icon-fill-color |
Color of the star if --butter-icon-color not defined |
black |
--butter-background-color |
Background color of left part | #e6ebf1 |
--butter-border-color |
Border color | rgba(27,31,35,0.35) |
--butter-font-familly |
Font familly | 'Roboto', 'Noto', sans-serif |
Demo
View the demo here: https://jcrestel.github.io/butter-github-star/
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature
- Commit your changes:
git commit -m 'Add some feature'
- Push to the branch:
git push origin my-new-feature
- Submit a pull request :D