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="Gala"
       style="padding:10px"
       data-key="availability"
       data-value="Gala"
   >
       Gala
   </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="Collab"
     data-key="availability"
     data-value="Collab">Collab</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>