sdp.devs

A component to display images as an interactive gallery. This component only works client-side.

A component for embedding video with transcript.

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

A component for rendering a document download link.

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

A link component to represent tags.

A component to display nested, navigational links.

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

Components for displaying news articles.

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

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

A package for publication components.

List component for displaying an icon and text in a list.

Sub page navigation component. Recommended for use in sidebars.

A table of contents for use on article pages.

A component for displaying a pagination bar with controls to change current step.

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

A component for displaying an image with a caption.

A grid system for page layout.

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

A component for displaying key content with image and link.

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

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

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

A set of components to display alert notifications.

Components for displaying Grants information.

A component to wrap wysiwyg fields and process markup.

A component for displaying the date, location and author of an article.

Site header for providing site-wide navigation and search on all pages.

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

A container for displaying lists of components.

Components for displaying Component information.

A set of components for displaying events.

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

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

A timeline component for displaying sequential items.

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

A list of descriptions.

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.

An interactive component for showing and hiding markup.

Designed for use-cases that are focused around handling large amount of tabular data.

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

A component which renders an image with optimised sources for each breakpoint using kraken.io querystrings

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

A data block component

A bar chart component.

Address search with map

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

A tree map chart component.