Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Info

We recommend only using a maximum of 6 cards in one carousel, or else your users may be cycling through for too long to find what they’re looking for.

To view the front-end design of the carousel, visit the Ripple design system.

There are 2 types of card carousels:

...

  1. Scroll down to Page content

  2. Click on Add component

  3. Select Card carousel from the components menu

  4. The Title field is not mandatory. If you enter a title, it will be displayed as a Heading 2 on the page. Choose the radio button labelled N/A - this lets you manually add several types of cards.

  5. To add cards, click on the drop-down arrow on the Add Card Event button. 

    • Add Card event—populate the card with:

      • Title

      • Media

      • Date range

      • Location

      • Summary

      • URL

      • Link text

      • Topic

    • Add Card event automated: this card will automatically display information from the destination page entered in the 'Referred event' field.

    • Add Key dates card: populate the card using the fields provided - Date, Title, Summary - and you can add a second key date

    • Add Card promotion: populate the mandatory fields (Title, Summary, URL) and non-mandatory fields you want to add (Date posted, Topic, Image and Link text) 

    • Add Card promotion automated: this card will display information from the destination page entered in the 'Referred event' field.

...

To see live examples of card carousels on vic.gov.au, visit the card carousel feature page.