İç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="kiris-girdi" id="ornek-code-1-tc" inputmode="numeric" maxlength="11">

HTML kodunu göster

<p class="kiris-govde">Belirteçleri <code class="kiris-kod">node packages/tokens/build.mjs</code> ile üretin.</p>
<pre class="kiris-kod-blok"><code>&lt;input class="kiris-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.

Bu bileşenin kodu depoda:

Kayıt defteri tanımı, adı, özeti, kullanım kuralı ve örnekleri
CSS katmanları, kiris-code ile başlayan sınıflar