LMS Analytics

Enrollment statistics card

SaaSLMS

Overview

EnrollmentStatsCard presents key enrollment metrics in a dashboard card layout. Shows total enrollments, active enrollments, completed enrollments, completion rate percentage, average days to completion, and an enrollment change trend indicator (positive/negative/neutral).

Usage

import { EnrollmentStatsCard } from "@leanicon/web-builder-library/saas";

<EnrollmentStatsCard
  stats={{
    totalEnrollments: 1250,
    activeEnrollments: 450,
    completedEnrollments: 800,
    completionRate: 64,
    averageCompletionDays: 14,
    enrollmentChange: 12.5,
  }}
/>;

Variants

Default

Total Enrollments

1,250

+12.5%vs last period

Active Learners

450

Completed

800

Completion Rate

64.0%

Positive Trend

Total Enrollments

1,250

+25.5%vs last period

Active Learners

450

Completed

800

Completion Rate

64.0%

Negative Trend

Total Enrollments

1,250

-8.3%vs last period

Active Learners

450

Completed

800

Completion Rate

64.0%

No Trend

Total Enrollments

1,250

+0%vs last period

Active Learners

450

Completed

800

Completion Rate

64.0%

High Completion Rate

Total Enrollments

1,250

+15.2%vs last period

Active Learners

100

Completed

1,150

Completion Rate

92.5%

Low Completion Rate

Total Enrollments

1,250

-3.1%vs last period

Active Learners

956

Completed

294

Completion Rate

23.5%

Small Numbers

Total Enrollments

25

+5%vs last period

Active Learners

15

Completed

10

Completion Rate

40.0%

Dark

Total Enrollments

1,250

+12.5%vs last period

Active Learners

450

Completed

800

Completion Rate

64.0%

Large Numbers (code only)

<EnrollmentStatsCard
  stats={{
    totalEnrollments: 125000,
    activeEnrollments: 45000,
    completedEnrollments: 80000,
    completionRate: 64,
    averageCompletionDays: 21,
    enrollmentChange: 15.2,
  }}
/>