Code blocks are automatically syntax highlighted using Highlight.js. Hover over any code block to see the copy button in the top-right corner.

Dart#

import 'package:arcane_jaspr/arcane_jaspr.dart';
import 'package:arcane_jaspr/html.dart' show ArcaneDiv;

class Example extends StatelessWidget {
  final String title;

  const Example({required this.title});

  @override
  Widget build(BuildContext context) => ArcaneDiv(
    classes: const <String>['example'],
    children: [Text(title)],
  );
}

JavaScript#

function greet(name) {
  console.log(`Hello, ${name}!`);
  return { greeting: `Hello, ${name}!` };
}

YAML#

dependencies:
  arcane_lexicon:
    git:
      url: https://github.com/ArcaneArts/arcane_lexicon

Bash#

cd example && jaspr serve

JSON#

{
  "name": "arcane_lexicon",
  "version": "1.0.0",
  "dependencies": {}
}

Supported Languages#

• Dart
• JavaScript / TypeScript
• YAML
• JSON
• Bash / Shell
• HTML
• CSS
• Markdown