Code Blocks
Syntax highlighting for multiple languages

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

Tip

Click the copy icon to copy code to your clipboard. The icon changes to a checkmark for 2 seconds to confirm.

Dart#

class Example extends StatelessWidget {
  final String title;

  const Example({required this.title});

  @override
  Widget build(BuildContext context) => ArcaneDiv(
    classes: '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