دستاویز کا لے آؤٹ

دستاویز کا لے آؤٹ

دستاویز کا لے آؤٹ ایک دو کالمی پیٹرن ہے جو دستاویزات کے صفحات کے لیے ہے — بائیں طرف وضاحت، دائیں طرف کوڈ — جو موبائل پر ایک کالم میں سمٹ جاتا ہے۔

ساخت

.doc کو بیرونی ریپر کے طور پر استعمال کریں اور ہر قطار کے لیے .doc-section استعمال کریں۔ ہر سیکشن میں .doc-section--description اور .doc-section--code کا کالم ہوتا ہے۔

بنیادی سیکشن

ایک عام سیکشن وضاحت بلاک کو کوڈ کے ٹکڑے کے ساتھ جوڑتا ہے۔

ڈیمو مواد
<div class="doc">
  <div class="doc-section">
    <div class="doc-section--description">
      <h3>Title</h3>
      <p>Description</p>
    </div>
    <div class="doc-section--code">
      <!-- code snippet -->
    </div>
  </div>
</div>

ایک کوڈ بلاک کے ساتھ

سینٹیکس ہائی لائٹ شدہ مثالوں کے لیے .doc-section--code کے اندر کوڈ بلاک جزو استعمال کریں۔

ڈیمو مواد
{{ include('@Bundle/partials/code-block.html.twig', {
  lang: 'bash',
  code: 'curl https://api.example.com/resource'
}) }}