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'

GitHub