“Masterclass Card” Component

Masterclass card is used to list available masterclasses or past masterclasses. The card is specific to masterclass only. It spans 3 columns in large screen and 4 columns in medium screen. There are two type of masterclass card: purchased masterclass cards and public masterclass cards.

On the Masterclasses Page

Learning Experience Design That Delivers Impact: A Step-by-Step Guide

Learn the full process of the learning experience design process step-by-step with a real-world case study. By Niels Floor, Learning Experience Design Pioneer

Hooked: How to Build Habit-Forming Products with Nir Eyal

Learn how to design habit-forming products ethically by applying behavioral psychology—taught by Nir Eyal, bestselling author of Hooked By Nir Eyal, Behavioral Design Expert and Bestselling Author

AI for Design Systems: How to Stay Ahead and Lead

Learn AI for Design Systems with Jarvis Moore By Jarvis Moore, Senior Design Lead, Design Systems at Microsoft

How to Break into UX Design with No Industry Experience

Learn how to break into the UX design industry with Paavan Buddhdev By Paavan Buddhdev, Senior Product Designer at Skin + Me

Usage

// Generic Masterclass
@include('components.cards.masterclass', ['masterclass' => $masterclass])

// Purchased Masterclass
@include('components.cards.masterclass--purchased', ['masterclass' => $masterclass])

Props

masterclass (required)

App\Modules\Masterclass\Models\Masterclass

Masterclass instance to display.