کد

یک فیلد که کد را نگه می‌دارد و بر اساس دستور زبانش رنگ‌آمیزی شده است. این فیلد با symfony-coding عرضه می‌شود و فقط از سیستم طراحی قرض گرفته است: قاب آن متعلق به فیلد است، رنگ‌هایش توکن‌های کد طرح‌اند، خط جاری و انتخاب آن جزئیات طرح هستند — بنابراین مانند همه چیزهای اطرافش به چهره روشن و تاریک پیروی می‌کند.

فیلد سرور

یک تکست‌اریا واقعی که بعد از اجرای صفحه توسط ویرایشگر روی آن قرار می‌گیرد. تکست‌اریا همان فیلد باقی می‌ماند — با فرم ارسال می‌شود و توسط استک فرم صحبت می‌شود — بنابراین فرم بدون آن و یا با آن به یکسان کار می‌کند. انتخاب در چندین خط، خط نشان‌گر در میان آن‌ها: انتخاب قابل مشاهده باقی می‌ماند.

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 %}

فیلد Vue

همان ویرایشگری که یک مدل را نگه می‌دارد: v-model در راه ورود و خروج، زبان یک پروپ که می‌تواند در حین باز بودن فیلد تغییر کند.