View source for User:Boblers/switchbtn

<includeonly>{| class="roundy clicktoggle" style="display:inline-block; margin:auto; background:#{{{{{color1|}}} color light}}; border: 3px solid #{{{{{color2|{{{color1|}}}}}} color dark}}; border-collapse: separate;" data-type="set" data-for="group,target{{{target|1}}}" data-active-style="display:inline-block; margin:auto; background:#FFFFFF; border: 3px solid #{{{{{color2|{{{color1|}}}}}} color dark}}; border-collapse: separate;"
|-
|
<div style="display:flex;flex-wrap:wrap;text-align:center;align-items:start;justify-content:center;">
{{User:Boblers/switchbtn/image|file={{{filename}}}|caption='''{{{caption|}}}'''|size=100px}}
</div>
|}</includeonly><noinclude>

==Usage==
<pre>{{User:Boblers/switchbtn
|filename=
|caption=
|color1=
|color2=
}}</pre>

==Template fields==
* '''filename''' - Name of the file to be used.
* '''caption''' - Caption to display below the file.
* '''color1''' - Color name to use for the background.
* '''color2''' (optional) - Color name to use for the border. If not provided, color1's value is used instead.

==Examples==
<pre>{{User:Boblers/switchbtn|filename=0052Meowth.png|caption=Meowth|color1=Normal|target=1}}
{{User:Boblers/switchbtn|filename=0052Meowth-Alola.png|caption=Alolan<br>Meowth|color1=Dark|target=2}}
{{User:Boblers/switchbtn|filename=0052Meowth-Galar.png|caption=Galarian<br>Meowth|color1=Steel|target=3}}
{{User:Boblers/switchbtn|filename=0052Meowth-Gigantamax.png|caption=[[File:Dynamax icon.png|link=]] Gigantamax<br>Meowth|color1=Normal|target=4}}</pre>

{{User:Boblers/switchbtn|filename=0052Meowth.png|caption=Meowth|color1=Normal|target=1}}
{{User:Boblers/switchbtn|filename=0052Meowth-Alola.png|caption=Alolan<br>Meowth|color1=Dark|target=2}}
{{User:Boblers/switchbtn|filename=0052Meowth-Galar.png|caption=Galarian<br>Meowth|color1=Steel|target=3}}
{{User:Boblers/switchbtn|filename=0052Meowth-Gigantamax.png|caption=[[File:Dynamax icon.png|link=]] Gigantamax<br>Meowth|color1=Normal|target=4}}

</noinclude>