“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

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

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

Learn more

AI for Design Systems: How to Stay Ahead and Lead

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

Learn more

How to Break into UX Design with No Industry Experience

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

Learn more

Design Systems: How to Write Documentation People Will Actually Use

Design Systems: How to Write Documentation People Will Actually Use

Learn how to document design systems with Henry Dagget By Henry Daggett, Design System Lead, Societe Generale CIB

Learn more

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.