JS Utilities
George Treviranus edited this page Jun 14, 2018
·
4 revisions
Using Undernet's JavaScript components is very straightforward. There are two options: import the library into a javascript file, or link it just before the end of your <body> tag. Either way, Undernet will be attached to the window object for you to access.
Turn on event listeners on components manually. start() is a method on the Undernet object.
// vanilla JS
var startMonolith = Undernet.start()
document.addEventListener("DOMContentLoaded", startMonolith)// React
import React from 'react'
import Undernet from 'undernet'
export default someComponent extends React.Component {
componentDidMount() {
Undernet.start()
}
}Turn off event listeners on components manually. stop() is a method on the Undernet object.
// vanilla JS
Undernet.stop()// React
import Undernet from 'undernet'
export default someComponent extends React.Component {
componentWillUnmount() {
Undernet.stop()
}
}If you prefer not to use all of Undernet's components at once like above, you can instead access similarly named methods on a specific component.
// vanilla JS
var startAccordions = Undernet.Accordions.start()
document.addEventListener("DOMContentLoaded", startAccordions)// React
import React from 'react'
import Undernet from 'undernet'
export default someComponent extends React.Component {
componentDidMount() {
Undernet.Accordions.start()
}
}