AngularJS directive for simple letter icon like gmail/inbox.
Enter a text at will and create your own icon:
<letter-icon data="A" color="auto"></letter-icon>
<letter-icon data="1" color="auto"></letter-icon>
Add size attribute with value sm or lg to your letter-icon element to change its size.
Add char-count="2" attribute to show the first two uppercase characters.
Add a custom color in the attribute color. You can also add attribute custom-class to set your own class.
Use attribute icon instead attribute data to show an icon.
<letter-icon data="A" color="auto" box="round"></letter-icon>
<letter-icon data="1" color="auto" box="round"></letter-icon>
Add size attribute with value sm or lg to your letter-icon element to change its size.
Add char-count="2" attribute to show the first two uppercase characters.
Add a custom color in the attribute color. You can also add attribute custom-class to set your own class.
Use attribute icon instead attribute data to show an icon.
<letter-icon data="A" color="auto" box="circle"></letter-icon>
<letter-icon data="1" color="auto" box="circle"></letter-icon>
Add size attribute with value sm or lg to your letter-icon element to change its size.
Add char-count="2" attribute to show the first two uppercase characters.
Add a custom color in the attribute color. You can also add attribute custom-class to set your own class.
Use attribute icon instead attribute data to show an icon.