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
name : string
SVG filename inside the `@freelancer/ui/assets/icon` folder.
Without the `.svg` extension and prefixed by `animation-`.
clickable ?: boolean = false
display ?: SvgDisplay = 'inline-block'
label ?: string = ''
Aria label used for accessibility. Similar to the alt text of the picture component.
loadMethod ?: SvgLoadMethod = 'eager'
Outputs
svgLoaded ?: any = new EventEmitter<boolean>()
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.