https://github.com/kerams/fable.reactlazyload
Fable bindings for react-lazy-load
https://github.com/kerams/fable.reactlazyload
fable fable-bindings fsharp
Last synced: 3 months ago
JSON representation
Fable bindings for react-lazy-load
- Host: GitHub
- URL: https://github.com/kerams/fable.reactlazyload
- Owner: kerams
- License: mit
- Created: 2023-04-27T19:57:42.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-04-30T07:40:59.000Z (about 2 years ago)
- Last Synced: 2025-01-11T17:47:50.002Z (4 months ago)
- Topics: fable, fable-bindings, fsharp
- Language: F#
- Homepage:
- Size: 4.88 KB
- Stars: 3
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Fable.ReactLazyLoad
Fable bindings for [react-lazy-load](https://github.com/loktar00/react-lazy-load) ([NPM package](https://npmjs.org/package/react-lazy-load)) version 4.0.0+.
## Nuget package
[](https://www.nuget.org/packages/Fable.ReactLazyLoad)
## Installation with [Femto](https://github.com/Zaid-Ajaj/Femto)
```
femto install Fable.ReactLazyLoad
```
## Standard installation
Nuget package
```
paket add Fable.ReactLazyLoad -p YourProject.fsproj
```
NPM package
```
npm install [email protected]
```
## Usage
[Supported props.](https://github.com/loktar00/react-lazy-load#props)
```fsharp
open Fable.React
open Fable.ReactLazyLoad
let lazyLoadedImage (src: string) =
LazyLoad.render [ LazyLoadOption.onContentVisible (fun () -> printfn "I was lazy-loaded just now!") ] [
img [ Src src ]
]
```