A Vue.js component pattern library for SDP
Ripple
Ripple is a Vue.js component pattern library for SDP.
This git repo is a monorepo which contains all Ripple component packages. View all Ripple componet packages.
This git repo also contains a style guide site which uses Storybook and can be used for local development environment.
Install Ripple in your Nuxt project
We will provide a start template soon. Below is just a simple example.
Example for installing @dpc-sdp/ripple-global
and @dpc-sdp/ripple-site-header
.
npm install @dpc-sdp/ripple-global @dpc-sdp/ripple-site-header --save
Usage in Nuxt project
import RplSiteHeader from '@dpc-sdp/ripple-site-header'
import RplBreadcrumb from '@dpc-sdp/ripple-breadcrumb'
import RplFooteryNavigation from '@dpc-sdp/ripple-footer-navigation'