33 packages
@dpc-sdp/ripple-anchor-links
A table of contents for use on article pages.
@dpc-sdp/ripple-breadcrumbs
A compoennt to display the active path, with links. Does not display on small screens.
@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-call-to-action
A component for displaying key content with image and link.
@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-campaign-secondary
A component to showcase secondary content previews. Should be used along with Campaign Primary.
@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-event
A set of components for displaying events.
@dpc-sdp/ripple-figure
A component for displaying an image with a caption.
@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-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-hero-banner
A component to display a page heading, subtext and useful links.
@dpc-sdp/ripple-icon
A configurable SVG, sprite-based icon set for use with ripple components.
@dpc-sdp/ripple-image-gallery
A component to display images as an interactive gallery. This component only works client-side.
@dpc-sdp/ripple-layout
Standard grid-based layouts for structuring pages. Includes skip to content link.
@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-list
List component for displaying an icon and text in a list.
@dpc-sdp/ripple-meta-tag
A link component to represent tags.
@dpc-sdp/ripple-news-listing
A component for listing article headings with date and tag.
@dpc-sdp/ripple-pagination
A component for displaying a pagination bar with controls to change current step.
@dpc-sdp/ripple-publish-date-and-author
A component for displaying the date, location and author of an article.
@dpc-sdp/ripple-related-links
A component for displaying internal / external links related to an article. Recommended for use in sidebars.