View source for Template:Drop down list/doc

{{Documentation subpage}}
<!-- Please place categories where indicated at the bottom of this page and interwikis at Wikidata (see [[Wikipedia:Wikidata]]) -->
{{Collapse Templates}}
==Usage==
This template can be transcluded to display a Drop down list. This template had 3 parameters (described below). '''The Id parameter''' is very important if you are using 2 drop down lists on the same page. 

==Parameters==
This template contains 9 parameters for different purposes:

===Name===
This is the name parameter that shall display the name of the list, defaults to 'Text'. To set the name parameter type <code> <nowiki>{{Drop down list|Name=Name}}
</nowiki> </code> which will render as <br>{{Drop down list|Name=Name|id=name}}<br>
Examples:<br>
<code> <nowiki>{{Drop down list|Name=TW}} </nowiki> </code> renders as <br> <br>{{Drop down list|Name=TW|id=TW}}<br>
<code> <nowiki>{{Drop down list|Name=[[WP:TW|TW]]}} </nowiki> </code> renders as <br> <br>{{Drop down list|Name=[[WP:TW|TW]]|id=Twinkle}}

===Values===
The list can hold up to 8 values i.e the text within the list. To add the values type <code> <nowiki>{{Drop down list|Name=Name|Value1=Hello|Value2=Wikipedia|Value3=Blah!}} </nowiki> </code> and so on until
<code> <nowiki>Value8</nowiki> </code>. <br> The values support both Wikilinks and external links i.e you can also type <syntaxhighlight lang="moin" inline>{{Drop down list|Name=Name|Value1=[[Hello]]|Value2=[[Wikipedia|'pedia]]|Value3=[https://www.google.co.in/ Google]}} </syntaxhighlight> which will render as <br><br>{{Drop down list|Name=Name|Value1=[[Hello]]|Value2=[[Wikipedia|'pedia]]|Value3=[https://www.google.co.in/ Google]|Value4=|Value5=|Value6=|Value7=|Value8=|id=Example}}

===Id===
If you are using more than one drop down list on the same page this parameter is '''very important'''. The Id parameter for each list should be different and unique (if using more than one on the same page). To set the ID type <code> <nowiki>{{Drop down list|id=Your Id name}}</nowiki> </code>
<syntaxhighlight lang="html">
<div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
  </div>
</div>
</syntaxhighlight>. 

Full example:

{{Drop down list|Name=Portals|Value1=[[HandWiki:Math|Mathematics]]|Value2=[[HandWiki:Analysis|Analysis]]|id=102}}



<includeonly>{{sandbox other||
<!-- Categories below this line, please; interwikis at Wikidata -->
[[Category:Layout templates]]
}}</includeonly>