“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

Design for Adaptability: Component-Driven Information Architecture

Master the step-by-step process to develop a full-page Information Architecture (IA) By Stéphanie Walter, UX Researcher and Inclusive Designer

Design Patterns for AI UX

Learn design pattern for AI with Vitaly Friedman By Vitaly Friedman, Senior UX Consultant, European Parliament, and Creative Lead, Smashing Magazine

How to Elevate Your UI Design with Fonts

Learn how to successfully choose fonts with Ellen Lupton. By Ellen Lupton, Writer, Designer, Curator and Educator

The 5 Deadly Sins of Strategy

Transform the way you approach strategy. By Adam Thomas, Product Management Expert and Technologist

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.