Component documentation
SGUI / Development
Course status, learner counts and instructor actions.
Loading examples…
Loading examples…
Loading examples…
No direct parents in the documented component catalog.
Learning Studio
Active
24 Learners
Last Learner Activity: Recent activity
Learning Studio
Active
24 Learners
Last Learner Activity: Recent activity
'use client';
import { InstructorCourseCard } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function InstructorCardExample() {
return (
<>
<InstructorCourseCard courseName={"Course basics"} siteName="Learning Studio" status={"active"} learnerCount={24} lastLearnerActivityLabel="Recent activity" actionLabel="Open course" actionHref="#main-content" />
</>
);
}
Learning Studio
Active
24 Learners
Last Learner Activity: Recent activity
Learning Studio
Draft
24 Learners
Last Learner Activity: Recent activity
Learning Studio
Closed
24 Learners
Last Learner Activity: Recent activity
Learning Studio
Archived
'use client';
import { InstructorCourseCard } from '@structured-growth/sg-ui/components';
import { Stack, Typography, Link } from '@structured-growth/sg-ui/primitives';
export default function InstructorStatusesExample() {
return (
<>
<Stack direction="row" wrap gap={3}><InstructorCourseCard courseName={"active course"} siteName="Learning Studio" status={"active"} learnerCount={24} lastLearnerActivityLabel="Recent activity" actionLabel="Open course" actionHref="#main-content" />
<InstructorCourseCard courseName={"draft course"} siteName="Learning Studio" status={"draft"} learnerCount={24} lastLearnerActivityLabel="Recent activity" actionLabel="Open course" actionHref="#main-content" />
<InstructorCourseCard courseName={"closed course"} siteName="Learning Studio" status={"closed"} learnerCount={24} lastLearnerActivityLabel="Recent activity" actionLabel="Open course" actionHref="#main-content" />
<InstructorCourseCard courseName={"archived course"} siteName="Learning Studio" status={"archived"} learnerCount={24} lastLearnerActivityLabel="Recent activity" actionLabel="Open course" actionHref="#main-content" /></Stack>
</>
);
}