<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-avatar

npm

npm install k-avatar

Properties

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

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

License

MIT License