1.1.3 • Published 7 years ago
k-avatar v1.1.3
\<k-avatar>
Simple component to make Gmail like text avatars for profile pictures. These avatars can be scaled up to any size. view demo
<k-avatar
data-name = "Kang cahya"
data-height = "100"
data-width = "100"
data-char-alias = "2"
data-text-color = "#FFFFFF"
data-border-radius = "10"
data-font-size = "40"
data-font-weight = "500"></k-avatar>
<p><strong>Kang cahya</strong></p>How to install
bower
bower install --save k-avatarnpm
npm install k-avatarProperties
| Data Attribute | Description | Default Value |
|---|---|---|
| data-name | Name of the user which the profile picture should be generated. | K4ng |
| data-height | Height of the picture. | 48 (pixel) |
| data-width | Width of the picture. | 48 (pixel) |
| data-char-alias | Number of characherts to be shown in the picture. | 1 |
| data-text-color | Color of the text. | #FFFFFF (white) |
| data-font-size | Font size of the character(s). | 20 (pixel) |
| data-font-weight | Font weight of the character(s). | 400 |
| data-border-radius | Set border-radius container. | 0 (%) |
| data-box-shadow | set box-shadow container. | 0px 0px 0px 0px rgba(33,33,33,0.75) |
| data-text-shadow | set text-shadow character. | 0px 0px 0px rgba(33,33,33,0.75) |
Change log
You can find a list of all changes for each release in the change log.
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