Animated svg
Component used to display animated Scalable Vector Graphics (SVG)
Contents
Eager Loading
Eager is the default loading method. It will load the image as soon as it is loaded in the DOM.
Preloading
Specifying preload allows certain images to be bumped up in priority of load by adding a link in the head section of the DOM.
Lazy Loading
Specifying lazy will only load the image when it is in the viewport.
Inputs in Loading methods
name : string
SVG filename inside the `assets/animations` folder. Without the `.svg` extension and prefixed by `animation-`. `animations` is allowlisted into the SSR image alongside `icons`.
display ?: SvgDisplay = 'inline-block'
loadMethod ?: SvgLoadMethod = 'eager'
Outputs
svgLoaded ?: any = new EventEmitter<boolean>()