pequeño stack de utilidades armadas como web-components.
Permite la representación de background o imágenes responsiva mediante una expresión srcset. este WC solo imprime el contenido una vez que se produzca la intercesión con el scroll
| Property | Type | Default | Description | Example |
|---|---|---|---|---|
| srcset | String | "" | Permite generar el recurso resposivo | srcset="default.jpg, phone.jpg 520w, tablet.jpg 720w" |
| type | String | image | Permite definir el tipo de recurso a imprimir | type="video" or type="image" |
| shadow-dom | Boolean | false | Permite habilitar el uso del shadowDom | shadow-dom |
| style-media | String | "" | Permite añadir la propiedad style al recurso de media | style-media="width:50px;height:50px" |
A diferencia del img[srcset], este agrupa img[src] y img[srcset] en una sola expresión, ui-lazy-media gracias a este string, creara un tag picture o un tag style ordenado por prioridad de escala.
| Value | Equal |
|---|---|
520w |
(min-width:520px) |
520w! |
(max-width:520px) |
520h |
(min-height:520px) |
520h! |
(max-height:520px) |
520w&&720w! |
(min-width:520px) and (max-width:720px) |
300w |
(min-width:520dpi) |
la url que no se acompañe de expresión se define como default.
esta propiedad será definida si ocurre intercepción del web-components.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent