“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

Beyond Interfaces: The UI Design Skills You Need to Know

Learn essential UI Design skills and how to put them into practice with Michal Malewicz. By Michał Malewicz, Creative Director and CEO, Hype4

How To Use Color Theory To Enhance Your Designs

Learn how to confidently use color to create successful designs with Arielle and Joann Eckstut. By Arielle Eckstut, Author and Co-Founder of The Book Doctors and LittleMissMatched By Joann Eckstut, Color Consultant and Founder - The Roomworks

How To Communicate With Typography

Learn how typography can improve your work as a UX or UI designer with Ellen Lupton. By Ellen Lupton, Writer, Designer, Curator and Educator

UX Writing: How To Use Words As A Design Power Tool

Learn how to improve your UX content with Torrey Podmajersky By Torrey Podmajersky, Author, Speaker and UX Writer at Google

Usage

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

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

Props

masterclass (required)

App\Models\Masterclass\Masterclass

Masterclass instance to display.