ng-dangl-icons v1.4.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:
rectangleSize
to set the default rectangle dimensions in pixel for the generated icons if not specified on the directive itselfuseSingleColor
to only use a single color for the whole identiconuseMaterialColors
to use Material colors, they are a bit more intensive and match better with Material design stylesuseExtendedBlockConfigurator
to 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
2 days ago
2 days ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
8 months ago
8 months ago
8 months ago
1 year ago
1 year ago
2 years 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
2 years ago
2 years ago
2 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
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
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
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
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
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
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
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