The use of Bower for dependencies is not sanctioned in Origami v2. Use npm with webpack or browserify instead.
PopUp-Info is an initiative to build a component based player adhering to both the Origami and UX frameworks. This module aims to render the react popup with some custom settings.
To use the popup-info component in your application, kindly take the latest version of the popup-info in your application. "popup-info": "^1.0.10"
Include the following lines in the application import {PopUpInfo} from 'popup-info';
In render method of the application :
popUpCollection is an array of objects and its structure need to be followed as
popUpCollection = [ {
‘popOverCollection’ : { ‘popOverDescription’ : “Desc1”, ‘popOverTitle’ : “Title1” },
‘bookDiv’ : bookId,
‘item’ : DOM of the link(Glossary) or Icon(MoreInfo)
} ,
{
‘popOverCollection’ : { ‘popOverDescription’ : “Desc2”, ‘popOverTitle’ : “Title2” },
‘bookDiv’ : bookId,
‘item’ : DOM of the link(Glossary) or Icon(MoreInfo)
}, .. ,
{
‘popOverCollection’ : { ‘popOverDescription’ : “DescN”, ‘popOverTitle’ : “TitleN” },
‘bookDiv’ : bookId,
‘item’ : DOM of the link(Glossary) or Icon(MoreInfo)
}
]
After passing all the required properties from the client application to popup-info component, popup-info component will handle the clicks, positioning the popup, and rendering the popup.
this.popUpArray[i] = popUpProps.popOverCollection; this.bookDiv = popUpProps.bookDiv popUpProps.item.addEventListener('click', this.framePopOver.bind(this, i));
If you are a consumer of this component, see guidance on usage.
If you are a contributor to this component's development, see guidance on contributing.
FAQs
The use of Bower for dependencies is not sanctioned in Origami v2. Use npm with webpack or browserify instead.
The npm package popup-info receives a total of 0 weekly downloads. As such, popup-info popularity was classified as not popular.
We found that popup-info demonstrated a not healthy version release cadence and project activity because the last version was released 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
/Research
Malicious npm package impersonates Nodemailer and drains wallets by hijacking crypto transactions across multiple blockchains.
Security News
This episode explores the hard problem of reachability analysis, from static analysis limits to handling dynamic languages and massive dependency trees.
Security News
/Research
Malicious Nx npm versions stole secrets and wallet info using AI CLI tools; Socket’s AI scanner detected the supply chain attack and flagged the malware.