Angular Sandbox

Angular Sandbox

Below is fully working live component sandbox for Angular.
You can use it by providing package.json, code and template you want to render and any styles you want to append to the rendered results.

Visual Options

Alignment

Background

Height

Edge inset

Status: done

{
    "name": "supernova-angular-sandbox",
    "version": "1.0.0",
    "description": "Supernova-Angular Live Sandbox",
    "keywords": ["angular", "sandbox", "supernova"],
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build --prod",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e"
    },
    "private": true,
    "dependencies": {
        "@angular/animations": "8.2.8",
        "@angular/cdk": "8.2.1",
        "@angular/common": "8.2.8",
        "@angular/compiler": "8.2.8",
        "@angular/core": "8.2.8",
        "@angular/forms": "8.2.7",
        "@angular/material": "8.2.1",
        "@angular/platform-browser": "8.2.8",
        "@angular/platform-browser-dynamic": "8.2.8",
        "@angular/router": "8.2.8",
        "core-js": "3.2.1",
        "hammerjs": "2.0.8",
        "rxjs": "6.5.3",
        "rxjs-compat": "6.5.3",
        "zone.js": "0.10.2"
    },
    "devDependencies": {
        "@angular-devkit/build-angular": "^0.1102.0",
        "@angular/cli": "^12.2.0",
        "@angular/compiler-cli": "^12.2.0",
        "@angular/language-service": "^12.2.0",
        "@types/jasmine": "3.6.3",
        "@types/jasminewd2": "2.0.8",
        "@types/node": "14.14.28",
        "codelyzer": "6.0.1",
        "jasmine-core": "3.6.0",
        "jasmine-spec-reporter": "6.0.0",
        "karma": "6.1.1",
        "karma-chrome-launcher": "3.1.0",
        "karma-coverage-istanbul-reporter": "3.0.3",
        "karma-jasmine": "4.0.1",
        "karma-jasmine-html-reporter": "1.5.4",
        "protractor": "7.0.0",
        "ts-node": "9.1.1",
        "tslint": "~6.1.3",
        "typescript": "4.1.5"
    }
}