https://civic.sid.one/ta/docs/components/Recent content in கூறுகள் on எடுத்துக்காட்டு நிறுவனம்Hugota-inhttps://civic.sid.one/ta/docs/components/alert/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/ta/docs/components/alert/<h2 id="பயனபட">பயன்பாடு</h2> <pre tabindex="0"><code>{{&lt; alert type=&#34;warning&#34; title=&#34;Check your version&#34; &gt;}} Body copy, written as **markdown**. {{&lt; /alert &gt;}} </code></pre><div class="usa-alert usa-alert--warning"> <div class="usa-alert__body"><h4 class="usa-alert__heading">உங்கள் பதிப்பைச் சரிபார்க்கவும்</h4><p><strong>மார்க்டவுனில்</strong> எழுதப்பட்ட உரை.</p> </div> </div> <h2 id="அளபரககள">அளபுருக்கள்</h2> <table> <thead> <tr> <th>அளபுரு</th> <th>மதிப்புகள்</th> <th>இயல்பு</th> </tr> </thead> <tbody> <tr> <td><code>type</code></td> <td>info, warning, error, success, emergency</td> <td>info</td> </tr> <tr> <td><code>title</code></td> <td>எந்த உரையும்</td> <td>இல்லை</td> </tr> <tr> <td><code>slim</code></td> <td>true</td> <td>false</td> </tr> <tr> <td><code>no_icon</code></td> <td>true</td> <td>false</td> </tr> </tbody> </table> <h2 id="எத-எபபத-பயனபடததவத">எதை எப்போது பயன்படுத்துவது</h2> <p>செய்தி ஒரே ஒரு குறுகிய வரியாக இருக்கும்போது மட்டுமே <code>slim</code> ஐப் பயன்படுத்துங்கள் — அந்த வகைக்குத் தலைப்பு இடம் கிடையாது, உள்ளடைவும் பாதியாகக் குறைகிறது, எனவே பல வரிகளாக நீளும் பத்தி அதில் சமநிலையற்றுத் தெரியும்.</p>https://civic.sid.one/ta/docs/components/accordion/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/ta/docs/components/accordion/<p>ஒரு அக்கார்டியன் இரண்டு ஷார்ட்கோடுகளால் ஆனது: குழுவின் அமைப்புகளைச் சுமக்கும் ஒரு வெளிப்புற ஷார்ட்கோடு, பின் ஒவ்வொரு பலகத்திற்கும் ஒரு உள் ஷார்ட்கோடு.</p> <pre tabindex="0"><code>{{&lt; accordion bordered=&#34;true&#34; multiselectable=&#34;true&#34; heading_level=&#34;h3&#34; &gt;}} {{&lt; accordion-item title=&#34;First question&#34; expanded=&#34;true&#34; &gt;}} Body copy. {{&lt; /accordion-item &gt;}} {{&lt; /accordion &gt;}} </code></pre><div class="usa-accordion usa-accordion--bordered" data-allow-multiple> <h3 class="usa-accordion__heading"> <button type="button" class="usa-accordion__button" aria-expanded="true" aria-controls="accordion-0"> bordered என்ன மாற்றுகிறது? </button> </h3> <div id="accordion-0" class="usa-accordion__content usa-prose"> <p>ஒவ்வொரு பலகத்தையும் சுற்றி ஒரு விளிம்பை வரைகிறது. அக்கார்டியன் ஒரு அட்டைக்குள் இல்லாமல் நேரடியாகப் பக்கப் பின்னணியில் அமரும்போது இதைப் பயன்படுத்துங்கள்.</p> </div> <h3 class="usa-accordion__heading"> <button type="button" class="usa-accordion__button" aria-expanded="false" aria-controls="accordion-1"> multiselectable என்ன மாற்றுகிறது? </button> </h3> <div id="accordion-1" class="usa-accordion__content usa-prose"> <p>ஒன்றுக்கு மேற்பட்ட பலகங்களை ஒரே நேரத்தில் திறந்து வைக்க அனுமதிக்கிறது. இது இல்லாவிட்டால், ஒரு பலகத்தைத் திறந்தால் மற்றவை மூடிக்கொள்ளும்.</p>https://civic.sid.one/ta/docs/components/process-list/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/ta/docs/components/process-list/<p>வரிசை உண்மையிலேயே முக்கியமானதாக இருக்கும்போது மட்டுமே செயல்முறைப் பட்டியலைப் பயன்படுத்துங்கள். எந்த வரிசையிலும் செய்யக்கூடிய படிகள் வரிசையற்ற பட்டியல்; அவற்றுக்கு எண் கொடுப்பது இல்லாத ஒரு சார்பை இருப்பதாகக் காட்டிவிடும்.</p> <pre tabindex="0"><code>{{&lt; process-list heading_level=&#34;h3&#34; &gt;}} {{&lt; process-step heading=&#34;Install&#34; &gt;}} Body copy, including code blocks. {{&lt; /process-step &gt;}} {{&lt; /process-list &gt;}} </code></pre><ol class="usa-process-list"> <li class="usa-process-list__item"> <h3 class="usa-process-list__heading">படியின் தலைப்பை ஒரு செயலாக எழுதுங்கள்</h3> <p>&ldquo;தேவைகளை நிறுவுங்கள்&rdquo;, &ldquo;தேவைகள்&rdquo; அல்ல.</p> </li> <li class="usa-process-list__item"> <h3 class="usa-process-list__heading">இந்தப் படியில் நடப்பதை மட்டும் உரையில் வையுங்கள்</h3> <p>முழு வரிசைக்கும் பொருந்தும் எதுவும் பட்டியலுக்கு மேலே இடம்பெற வேண்டும்.</p> </li> <li class="usa-process-list__item"> <h3 class="usa-process-list__heading">வாசகரின் வேலை முடிந்ததும் நிறுத்துங்கள்</h3> <p>&ldquo;முடிந்துவிட்டது&rdquo; என்று மட்டும் சொல்லும் கடைசிப் படி ஒரு படியே அல்ல.</p>