lazy-svelte-image
v1.1.2
Published
Downloads
14
Maintainers
Readme
lazy-image-loader
A custom Image component/tag like component with customizations, loader ...
Installing the Package
If you're seeing this, you've probably already done this step. Congrats!
npm i lazy-svelte-image
Usage
Once you've installed you can import the package and use just like <img>
. an exaple is given below
import { Image } from 'lazy-svelte-image'
<Image src="" alt="" />
# or
<Image> <!-- slot--> </Image>
Customization
Currenlty you can provide custom loader and broken image icon as slot. use slot like how you use it in svelte.
Props
- disableLoader - disable all loaders
- disableBroken - disable all broken view
- backgroundColor - set custom background color for default broken/loader
Slots
For custom broken Images/Icons
<span slot="boken">
<!-- provide code here -->
</span>
For custom Loaders
<span slot="loader">
<!-- provide loader code here -->
</span>