Single Digital Presence, Department of Government Services - Victoria

Address search with map

A bar chart component.

A data block component

A pie chart component.

A tree map chart component.

A component to wrap wysiwyg fields and process markup.

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

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

A grid system for page layout.

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

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

A link component to represent tags.

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

A set of components to display alert notifications.

A table of contents for use on article pages.

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

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

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

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

A list of descriptions.

A component for rendering a document download link.

A component for embedding video with transcript.

A component for displaying an image with a caption.

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.

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

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

A container for displaying lists of components.

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

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

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

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

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

A component to display nested, navigational links.

A timeline component for displaying sequential items.

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

An interactive component for showing and hiding markup.

A component for displaying key content with image and link.

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

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

A set of components for displaying events.

Components for displaying Grants information.

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

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

Components for displaying news articles.

Components for displaying Component information.

A package for publication components.

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

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

Sub page navigation component. Recommended for use in sidebars.

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