Security News
npm Updates Search Experience with New Objective Sorting Options
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
@dpc-sdp/ripple-global
Advanced tools
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
This is a globally available options object to allow passing options between ripple components. Don't abuse this, keep it light as the object gets passed between all components.
nuxt: false, // enable if using in SSR environment eg: nuxt
isDev: false, // set to true to enable dev mode, used to show Ripple component errors if have.
hostname: 'localhost', // set hostname for rpl-link etc
imgQueryString: (bp) => {
// Override function that appends query string to images to use with image processing CDN's - see @spc-sdp/ripple-nuxt-ui for example
return `?height=100&width=200`
},
origin: '', // URL with protocol://host(:port) e.g. http://localhost:3000
quickexit: false, // enable quick exit feature
quickexiturl: 'https://www.google.com', // URL to use for quickexit
plugins: [], // array of cheerio transformer function plugins to pass to RplMarkup
viclogo: true // whether to display primary vic.gov.au logo
externalLinksInNewWindow: false // (Bool) Whether links open in new window by default
card: {
trimFieldfonts: ['Your-font-name'] // If custom fonts are used in card trimmed field, set them here.
}
For add your options, you need to use the Ripple global plugin in your Vue.js porject.
import RplGlobal from '@dpc-sdp/ripple-global'
Vue.use(RplGlobal, { // You options ... })
For how Vue plugin works, please check https://vuejs.org/v2/guide/plugins.html#Using-a-Plugin.
npm install @dpc-sdp/ripple-global --save
@dpc-sdp/ripple-global
├── masonry-layout
├── moment
├── object-fit-images
└── vue-focus
import { RplDivider } from '@dpc-sdp/ripple-global'
import RplGlobal from '@dpc-sdp/ripple-global'
See Storybook/Atoms/Global/Colors.
See Storybook/Atoms/Global/Fonts.
See Storybook/Atoms/Global/Typography.
See Storybook/Atoms/Global/Breakpoints.
Licensed under the Apache-2.0 License.
FAQs
The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.
The npm package @dpc-sdp/ripple-global receives a total of 94 weekly downloads. As such, @dpc-sdp/ripple-global popularity was classified as not popular.
We found that @dpc-sdp/ripple-global demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 6 open source maintainers 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
npm has a revamped search experience with new, more transparent sorting options—Relevance, Downloads, Dependents, and Publish Date.
Security News
A supply chain attack has been detected in versions 1.95.6 and 1.95.7 of the popular @solana/web3.js library.
Research
Security News
A malicious npm package targets Solana developers, rerouting funds in 2% of transactions to a hardcoded address.