Bileşenler
CodeBlock
Kodu eşaralıklı yazıyla, isteğe bağlı başlık, satır numaraları ve kopyala düğmesiyle gösterir.
- Storybook
- Storybook
- Kaynak kod
- Kaynak kod
Ne zaman kullanılır
Bölüm başlığı “Ne zaman kullanılır”- Geliştirici belgelerinde, API anahtarı kurulum adımlarında ve entegrasyon örneklerinde birden fazla satır kod göstermek için.
- Kullanıcının bir komutu ya da yapılandırmayı kopyalaması gerektiğinde.
Ne zaman kullanılmaz
Bölüm başlığı “Ne zaman kullanılmaz”- Tek bir değeri kopyalatmak için: Copy kullanın.
- Metin içindeki kısa kod parçaları için: satır içi
codekullanın. - Bir tuşu göstermek için: Kbd kullanın.
Anatomi
Bölüm başlığı “Anatomi”- Başlık: İsteğe bağlı
figcaption; başlık, dil ve kopyala düğmesi. - Kaydırma bölgesi: Odaklanabilir, adlı bölge; uzun satırlar yana kayar.
- Satır numarası: İsteğe bağlı; ekran okuyucu atlar, seçilmez ve kopyalanmaz.
- Kod satırı: Eşaralıklı yazı; vurgulanabilir.
Davranış
Bölüm başlığı “Davranış”- Kod yazıldığı gibi gösterilir; baştaki ve sondaki boş satırlar atılır.
- Kopyala düğmesi kodun tamamını, satır numaraları olmadan panoya yazar ve onay gösterir.
- Sözdizimi renklendirmesi yoktur;
languageyalnızca başlıkta yazılır.
Yönergeler
Bölüm başlığı “Yönergeler”- Örnekleri çalışır halde ve kısa tutun.
- Gerçek anahtar ya da müşteri verisi yerine yer tutucu kullanın.
- Uzun komutlarda
wrapkullanın; kodda yatay kaydırmayı tercih edin.
İçerik
Bölüm başlığı “İçerik”- Başlık dosya adı ya da ne yaptığını söyleyen kısa bir ifade olur: “Kurulum”,
config.json. - Kod açıklamaları kodun içinde değil, CodeBlock’tan önceki metinde yer alır.