Code

Un champ qui contient du code, coloré par sa grammaire. Il est livré avec symfony-coding et non avec le design system, dont il emprunte seulement : son cadre est celui d'un champ, ses couleurs sont les tokens de code du schéma, sa ligne actuelle et sa sélection sont les nuances du schéma - il suit donc le visage clair et foncé comme tout ce qui l'entoure.

Champ serveur

Une véritable zone de texte, recouverte par l'éditeur une fois la page exécutée. La zone de texte reste le champ - envoyée avec le formulaire, communiquée par la pile de formulaires - donc le formulaire fonctionne de la même manière avec ou sans elle. Sélectionnez plusieurs lignes, la ligne du curseur parmi elles : la sélection reste visible.

JSON

{
  "name": "board",
  "services": ["php", "node"],
  "watch": true,
  "port": 8080
}

YAML

# The services an app runs
name: board
services:
  - php
  - node
watch: true
port: 8080

Python

def total(runs):
    # Only the runs that ended count
    return sum(run.items for run in runs if run.done)

Twig

{% for run in runs %}
    <li>{{ run.title }} — {{ run.items }}</li>
{% endfor %}

Champ Vue

Le même éditeur tenant un modèle : v-model à l'entrée et à la sortie, la langue étant une prop qui peut changer pendant que le champ est ouvert.