-
Notifications
You must be signed in to change notification settings - Fork 162
Icon Specification
igx-icon
component should allow using of various icon/font sets.
It is providing a way to add material-icons in the markup.
As a developer I want to be able to provide a way to show variety of material icon sets.
<igx-icon fontSet="material" name="home"
color="blue" isActive="false">
</igx-icon>
Icon should represents certain image/state.
- Be able to change font set.
- Be able to change name and color of the icon. Name represents icon value (example: name="home" will show house icon).
- Be able to change icon state active/inactive.
As an end user, I want to be given a visual representation of material icon sets.
As a developer I can programatically get/set all of the icon properties.
The end user interface consists of:
-
Image-like icon value.
-
Two states of availability.
text
-
Properties
-
fontSet
- set the fontSet to fontSet="material" to select the material icons set (default). -
name
- set the icon by providing its name from the official material icons set name="home". -
color
- set the icon color by providing a string value with the color color="#474747". -
isActive
- set the icon to active/inactive by providing setting isActive="true" to true or false (default is true). -
Methods
-
fontSet(fontFamily: string)
- sets the icon font family. -
color(color: string)
- sets the icon color. -
name(icon: string)
- sets the icon name. -
isActive(state: boolean)
- sets the icon style to inactive if set the false. -
getFontSet()
- returns the icon font family. -
getIconColor()
- returns the icon color. -
getIconName()
- returns the icon name. -
getActive()
- returns the icon active state.