|
1 | | -#ngx-content-loading v0.0.6 |
| 1 | +#ngx-content-loading v0.0.7 |
2 | 2 |
|
3 | 3 | Angular component to create SVG loading placeholders. Inspired by the awesome[React Content Loader](https://github.com/danilowoz/react-content-loader). |
4 | 4 |
|
@@ -77,6 +77,31 @@ export class AppModule {} |
77 | 77 | | secondaryColor|_String_|`#ecebeb`| Animation color| |
78 | 78 | | preserveAspectRatio|_String_|`xMidYMid meet`| Aspect ratio option of SVG| |
79 | 79 |
|
| 80 | + |
| 81 | +###Transclude elements before and after the SVG element |
| 82 | + |
| 83 | +```html |
| 84 | +<ngx-content-loading |
| 85 | +[speed]="'1500ms'" |
| 86 | +[width]="1000" |
| 87 | +[height]="300" |
| 88 | +[primaryColor]="'#222'" |
| 89 | +[secondaryColor]="'#5e5e5e'"> |
| 90 | + <bbefore-svg> |
| 91 | + I am transcluded before the svg |
| 92 | + </b> |
| 93 | + <svg:gngx-circlecy="30"cx="30"r="30"ry="5"></svg:g> |
| 94 | + <svg:gngx-rectwidth="150"height="10"y="10"x="70"rx="5"ry="5"></svg:g> |
| 95 | + <svg:gngx-rectwidth="90"height="10"y="40"x="70"rx="5"ry="5"></svg:g> |
| 96 | + <svg:gngx-rectwidth="210"height="10"y="70"x="0"rx="5"ry="5"></svg:g> |
| 97 | + <svg:gngx-rectwidth="240"height="10"y="100"x="0"rx="5"ry="5"></svg:g> |
| 98 | + |
| 99 | + <bafter-svg> |
| 100 | + I am transcluded after the svg |
| 101 | + </b> |
| 102 | + </ngx-content-loading> |
| 103 | +``` |
| 104 | + |
80 | 105 | ##Development |
81 | 106 |
|
82 | 107 | Fork the repo then clone it |
|