İçerik · Code

Kod

Satır içi kod ve kod bloğu. API belgeleri ve teknik kılavuzlar için.

CSS: kararlı
JavaScript: gerekmiyor
React: kararlı
Vue: kararlı

Örnekler

İkisi Canlı örnek

Belirteçleri node packages/tokens/build.mjs ile üretin.

<input class="trds-girdi" id="tc" inputmode="numeric" maxlength="11">

HTML kodunu göster

<p class="trds-govde">Belirteçleri <code class="trds-kod">node packages/tokens/build.mjs</code> ile üretin.</p>
<pre class="trds-kod-blok"><code>&lt;input class="trds-girdi" id="tc" inputmode="numeric" maxlength="11"&gt;</code></pre>

Ne zaman kullanılır

Bir komut, dosya adı veya parametre yazarken kullanın.
Vatandaşa dönük sayfalarda kullanmayın.

Erişilebilirlik

<code> ve <pre> kullanılır. Blok yatay kayar, sayfa kaymaz.
Karşıtlık koyu zeminde de 4,5:1 üstündedir.

Karşılanan WCAG 2.2 ölçütleri 1.4.3 1.4.10

Kaynak

Benzer bir bileşen şu ülkelerin tasarım sistemlerinde de var: NL.