| @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-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-icon |
 |
A configurable SVG, sprite-based icon set for use with ripple components. |
| @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-meta-tag |
 |
A link component to represent tags. |
| @dpc-sdp/ripple-responsive-img |
 |
A component which renders an image with optimised sources for each breakpoint using kraken.io querystrings |
| @dpc-sdp/ripple-alert |
 |
A set of components to display alert notifications. |
| @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-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-data-table |
 |
Designed for use-cases that are focused around handling large amount of tabular data. |
| @dpc-sdp/ripple-description-list |
 |
A list of descriptions. |
| @dpc-sdp/ripple-document-link |
 |
A component for rendering a document download link. |
| @dpc-sdp/ripple-embedded-video |
 |
A component for embedding video with transcript. |
| @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. See documentation for creating fields. |
| @dpc-sdp/ripple-layout |
 |
Standard grid-based layouts for structuring pages. Includes skip to content link. |
| @dpc-sdp/ripple-list |
 |
List component for displaying an icon and text in a list. |
| @dpc-sdp/ripple-list-group |
 |
A container for displaying lists of components. |
| @dpc-sdp/ripple-pagination |
 |
A component for displaying a pagination bar with controls to change current step. |
| @dpc-sdp/ripple-print-this |
 |
A component to print current page, recommended for sidebar. |
| @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. |
| @dpc-sdp/ripple-search |
 |
Components for generating a search field with filters, and search results. |
| @dpc-sdp/ripple-share-this |
 |
A component for displaying social media buttons to share articles. Recommended for use in sidebars. |
| @dpc-sdp/ripple-sitemap |
 |
A component to display nested, navigational links. |
| @dpc-sdp/ripple-statistics-grid |
 |
Display snapshot of statistical information in a simple panel |
| @dpc-sdp/ripple-tabs |
 |
Component for switching between multiple panes on content |
| @dpc-sdp/ripple-timeline |
 |
A timeline component for displaying sequential items. |
| @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-accordion |
 |
An interactive component for showing and hiding markup. |
| @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-event |
 |
A set of components for displaying events. |
| @dpc-sdp/ripple-grants |
 |
Components for displaying Grants information. |
| @dpc-sdp/ripple-hero-banner |
 |
A component to display a page heading, subtext and useful links. |
| @dpc-sdp/ripple-image-gallery |
 |
A component to display images as an interactive gallery. This component only works client-side. |
| @dpc-sdp/ripple-link-tiles |
 |
A component displaying links as tiles in a row or grid format. |
| @dpc-sdp/ripple-markup |
 |
A component to wrap wysiwyg fields and process markup. |
| @dpc-sdp/ripple-news |
 |
Components for displaying news articles. |
| @dpc-sdp/ripple-profile |
 |
Components for displaying Component information. |
| @dpc-sdp/ripple-publication |
 |
A package for publication components. |
| @dpc-sdp/ripple-site-footer |
 |
Site footer for displaying common and useful links on all pages. |
| @dpc-sdp/ripple-site-header |
 |
Site header for providing site-wide navigation and search on all pages. |
| @dpc-sdp/ripple-site-section-navigation |
 |
Sub page navigation component. Recommended for use in sidebars. |
| @dpc-sdp/ripple-updated-date |
 |
A component for displaying the date an article was last changed. |
