where is .lazy class defined?

For additional context ... this is to support Lazy Loading of images and videos as described here: https://mdbootstrap.com/docs/standard/methods/lazy-loading/

data-mdb-lazy-src attribute value defines the source of an element, it takes a string, an url of your image

.lazy is the selector by which the Lazy Load will do its job

For further reference visit the API Tab https://mdbootstrap.com/docs/standard/methods/lazy-loading/#docsTabsAPI

Michal,

Happy New Year!

Sorry about being less clear -- my question was that I don't see definitions of these selector / attributes in the .css files that I use for my MDBootstrap subscription and therefore, unable to troubleshoot why my code doesn't work.

Do I need to include additional .css or .js files on my pages for these to work?

Thank you.

-- Vishal

Vishal,

Happy New Year!

Lazy Loading is defined in the JavaScript. If you're working with a module bundler, than

import { LazyLoad } from 'mdb-ui-kit';

should work just fine.

If you wish to look at the script responsible for lazy loading and you've installed ui kit with npm, you can take a look at it in the node_modules folder at the directory of:

mdb-ui-kit/src/js/pro/lazy-load.js

To make debugging less troublesome, could you please tell me what unwanted behaviour are you experiencing? Are there any errors in the console?