npm

@dpc-sdp/ripple-global

The core styles and utilities used by all ripple components. Includes sets of colours, fonts, breakpoints.

@dpc-sdp/ripple-grid

A grid system for page layout.

@dpc-sdp/ripple-site-section-navigation

Sub page navigation component. Recommended for use in sidebars.

@dpc-sdp/ripple-form

A component for generating interactive forms. Uses [Vue Form Generator](https://github.com/vue-generators/vue-form-generator). See [documentation](https://icebob.gitbooks.io/vueformgenerator/content/) for creating fields.

@dpc-sdp/ripple-icon

A configurable SVG, sprite-based icon set for use with ripple components.

@dpc-sdp/ripple-updated-date

A component for displaying the date an article was last changed.

@dpc-sdp/ripple-layout

Standard grid-based layouts for structuring pages. Includes skip to content link.

@dpc-sdp/ripple-share-this

A component for displaying social media buttons to share articles. Recommended for use in sidebars.

@dpc-sdp/ripple-link

Components for creating page links in plain text, and with accompanying icon. External links open in a new window by default.

@dpc-sdp/ripple-button

A button themed element. Will be a `<button>` by default, or a an `<a>` if a `href` is provided.

@dpc-sdp/ripple-breadcrumbs

A compoennt to display the active path, with links. Does not display on small screens.

@dpc-sdp/ripple-meta-tag

A link component to represent tags.

@dpc-sdp/ripple-anchor-links

A table of contents for use on article pages.

@dpc-sdp/ripple-card

Card-themed containers for content such as events and dates, navigation, featured, promotional. Recommended implementation using the grid component.

@dpc-sdp/ripple-contact

Contact information panel for displaying address, phone, social media. Recommended for use in sidebars.

@dpc-sdp/ripple-embedded-video

A component for embedding video with transcript.

@dpc-sdp/ripple-related-links

A component for displaying internal / external links related to an article. Recommended for use in sidebars.

@dpc-sdp/ripple-sitemap

A component to display nested, navigational links.

@dpc-sdp/ripple-whats-next

A component to display a list of links relating to additional content for an article. Recommended for use in sidebars.

@dpc-sdp/ripple-hero-banner

A component to display a page heading, subtext and useful links.

@dpc-sdp/ripple-site-footer

Site footer for displaying common and useful links on all pages.

@dpc-sdp/ripple-campaign-secondary

A component to showcase secondary content previews. Should be used along with Campaign Primary.

@dpc-sdp/ripple-campaign-primary

A component to showcase a main content preview with an image. Should be used along with Campaign Secondary.

@dpc-sdp/ripple-search

Components for generating a search field with filters, and search results.

@dpc-sdp/ripple-call-to-action

A component for displaying key content with image and link.