ng-dangl-icons v1.5.0
ng-dangl-icons
This project exports a NgDanglIconsModule which provides the DanglIconsDirective.
By default, the base url https://icons.dangl-it.com is used. This can be configured in the
DanglIconsConfigService class.
Directive Usage
The following directive selector sets the src property of the img tag to the Dangl.Icon url:
<img [diIcon]="d905bdac-dde4-47d4-aeff-ba101f4a294d">The rectangleSize can optionally be supplied to the directive.
Configuration
The DanglIconsConfigService is used to set the global parameters for these properties:
rectangleSizeto set the default rectangle dimensions in pixel for the generated icons if not specified on the directive itselfuseSingleColorto only use a single color for the whole identiconuseMaterialColorsto use Material colors, they are a bit more intensive and match better with Material design stylesuseExtendedBlockConfiguratorto allow the generation of triangles and rotated rectangles instead of only blocks
Examples
?size=128
&useSingleColor=true
&useMaterialColors=true
&useExtendedBlockConfigurator=true![]()
?size=128
&useSingleColor=false
&useMaterialColors=true
&useExtendedBlockConfigurator=true![]()
?size=128
&useSingleColor=true
&useMaterialColors=true
&useExtendedBlockConfigurator=false![]()
?size=128
&useSingleColor=false
&useMaterialColors=false
&useExtendedBlockConfigurator=true![]()
11 months ago
11 months ago
8 months ago
11 months ago
11 months ago
9 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago