Collectable

Purpose

A Collectable is used to display site content in structured components.

Example

Cards

Description

Collectables are a type of content block that display site content in a manner similar to a playing card. Collectables are more flexible than other content blocks and can include a variety of elements, such as text, images, icons, or buttons. Like other content blocks, collectables are typically displayed in groups as the portfolio module.

Variants

Portfolio

Portfolio is a group of collectables displayed in a responsive list and is used to celebrate learner achievements in a visually pleasing way. Each collectable represents an achievement and becomes part of a portfolio when displayed together.

Portfolio

Sliding up interaction

Some collectable cards will have actions. Once a CTA is triggered the card will slide up to reveal related information. The information could be:

- Feedback about the action taken (Achievement added to your profile)

- More options to choose (share achievement via multiple ways)

Screen Shot 2018 09 24 At 15 36 48
Screen Shot 2018 09 24 At 15 36 40