Security News
How Threat Actors are Abusing GitHub’s File Upload Feature to Host Malware
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
fslightbox-react
Advanced tools
Readme
A React component for displaying images, videos, or, through custom sources, anything you want in a clean overlying box. The project's website: https://fslightbox.com.
Dependency | Version |
---|---|
react | at least 16.8.0 |
react-dom | at least 16.8.0 |
npm install fslightbox-react
The .tgz archive, in its entirety, should be put somewhere in the end project, for example, "./src/lib". Then run the package manager's install command with the path to that archive. The command have to be run from the directory where your project's "package.json" file is.
$ npm install ./src/lib/[lightbox archive name]
For example:
$ npm install ./src/lib/fslightbox-react-1.0.0.tgz
import React, { useState } from "react";
import FsLightbox from "fslightbox-react";
function App() {
// To open the lightbox change the value of the "toggler" prop.
const [toggler, setToggler] = useState(false);
return (
<>
<button onClick={() => setToggler(!toggler)}>
Open the lightbox.
</button>
<FsLightbox
toggler={toggler}
sources={[
'https://i.imgur.com/fsyrScY.jpg',
'https://www.youtube.com/watch?v=xshEZzpS4CQ',
'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4'
]}
/>
</>
);
}
export default App;
Available at: https://fslightbox.com/react/documentation.
Browser | Works? |
---|---|
Chrome | Yes |
Firefox | Yes |
Safari | Yes |
Edge | Yes |
IE 11 | Yes |
FAQs
A capable React component for displaying images, videos, or, through custom sources, anything you want in a full-window overlying box.
The npm package fslightbox-react receives a total of 14,200 weekly downloads. As such, fslightbox-react popularity was classified as popular.
We found that fslightbox-react demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
GitHub is susceptible to a CDN flaw that allows attackers to host malware on any public repository.
Security News
At Node Congress, Socket CEO Feross Aboukhadijeh uncovers the darker aspects of open source, where applications that rely heavily on third-party dependencies can be exploited in supply chain attacks.
Research
Security News
The Socket Research team found this npm package includes code for collecting sensitive developer information, including your operating system username, Git username, and Git email.