Live Workshop

Upcoming workshop card with a pulsing live pill, date/time/duration line, enrollment count, and a CTA.

Live workshopLive workshop · TypeScript generics

Thu, May 218:00 UTC+390 minutes

412 enrolled · 88 seats left

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Education24 } from "@/components/beste/piece/education24";

<Education24
  title="Live workshop · TypeScript generics"
  date="Thu, May 2"
  time="18:00 UTC+3"
  duration="90 minutes"
  enrolled="412 enrolled · 88 seats left"
  ctaLabel="Save my seat"
/>

More Education pieces

View all Education

24 lessons

Design systems for shipping teams

Beste Sözen6h 42m

58%

Course Card

education1

Course tile with a gradient thumbnail, instructor byline, duration, and an inline progress bar.

Live42:18 into class

Live class · Typescript generics

1423

Live Class

education19

Dark live-classroom widget with a red live chip, attendee and raised-hand counts, and mic/video toggles.

CS 401 · Advanced React

Submitted

Project 2 · State management patterns

Due Apr 30, 23:593 files

Assignment Card

education15

Course assignment card with a violet file tile, status pill, due date, and attachment count footer.

Spanish vocab · Unit 412 due today

resolverReview

compartirLearning

el idiomaNew

bienvenidaMastered

Flashcard Deck

education27

Spaced-repetition deck summary with italic card fronts and new, learning, review, or mastered pills.

14-day streakShow up tomorrow to keep it alive.

Learning Streak

education9

Streak card with a flame badge, seven-day dot grid, and an encouraging caption underneath.

Noor AhmedStudent · Cohort 12

Resolved

In lesson 6, the dependency array skips the `setCount` setter. Isn't it a stale closure risk?

4 replies12

Discussion Thread

education16

Student Q&A card with an avatar header, resolved pill, clipped question body, and reply and like counts.