https://civic.sid.one/te/docs/components/Recent content in కాంపోనెంట్‌లు on ఉదాహరణ సంస్థHugote-inhttps://civic.sid.one/te/docs/components/alert/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/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/te/docs/components/accordion/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/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/te/docs/components/process-list/Mon, 01 Jan 0001 00:00:00 +0000https://civic.sid.one/te/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>