Widget:DragonListFilter

     <label class="mw-ui-button" title="Permanent" style="padding:10px" data-key="availability" data-value="Permanent">Permanent</label>
     <label class="mw-ui-button" title="Story" style="padding:10px" data-key="availability" data-value="Story">Story</label>
     <label class="mw-ui-button" title="Event Welfare" style="padding:10px" data-key="availability" data-value="Event Welfare">Event Welfare</label>
     <label class="mw-ui-button" title="Seasonal" style="padding:10px" data-key="availability" data-value="Seasonal">Seasonal</label>
     <label class="mw-ui-button" title="Zodiac" style="padding:10px" data-key="availability" data-value="Zodiac">Zodiac</label>
     <label class="mw-ui-button" title="High Dragon" style="padding:10px" data-key="availability" data-value="High Dragon">High Dragon</label>
     <label class="mw-ui-button" title="Void" style="padding:10px" data-key="availability" data-value="Void">Void</label>

     <label class="mw-ui-button" title="3" style="padding:5px 10px" data-key="rarity" data-value="3"><img src="/images/b/b4/Icon_Rarity_3.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="4" style="padding:5px 10px" data-key="rarity" data-value="4"><img src="/images/7/7d/Icon_Rarity_4.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="5" style="padding:5px 10px" data-key="rarity" data-value="5"><img src="/images/4/4e/Icon_Rarity_5.png" style="height:20px;pointer-events:none"/></label>

     <label class="mw-ui-button" title="Flame" style="padding:5px 10px" data-key="element" data-value="flame"><img src="/images/5/57/Icon_Element_Flame.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="Water" style="padding:5px 10px" data-key="element" data-value="water"><img src="/images/8/80/Icon_Element_Water.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="Wind" style="padding:5px 10px" data-key="element" data-value="wind"><img src="/images/6/62/Icon_Element_Wind.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="Light" style="padding:5px 10px" data-key="element" data-value="light"><img src="/images/1/19/Icon_Element_Light.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="Shadow" style="padding:5px 10px" data-key="element" data-value="shadow"><img src="/images/0/0d/Icon_Element_Shadow.png" style="height:20px;pointer-events:none"/></label>

     <label class="mw-ui-button" title="Strength" style="padding:5px 10px" data-key="group" data-value="Strength"><img src="/images/4/4b/Icon_Ability_1020002.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="HP" style="padding:5px 10px" data-key="group" data-value="HP"><img src="/images/3/35/Icon_Ability_1020001.png" style="height:20px;pointer-events:none"/></label>
     <label class="mw-ui-button" title="Hybrid" style="padding:5px 10px" data-key="group" data-value="Hybrid"><img src="/images/1/1e/Icon_Ability_1020006.png" style="height:20px;pointer-events:none"/></label>