Templates/learning/Lab Environment

Lab Environment

learning

Interactive coding/practice.

4 sections

Section Composition

1

Instructions

Instructions section of the Lab Environment

2

Code Editor

Code Editor section of the Lab Environment

3

Output

Output section of the Lab Environment

4

Submit

Submit section of the Lab Environment

Visual Wireframe

Instructions

Code Editor

Output

Submit

Usage

// Import sections for the Lab Environment
import { LabEnvironmentPage } from "@/components/pages/lab-environment"

// Compose from 4 sections:
// 1. Instructions
// 2. Code Editor
// 3. Output
// 4. Submit