Widget:WeaponListFilter

   <label class="mw-ui-button"
       title="Permanent"
       style="padding:10px"
       data-key="availability"
       data-value="Core"
   >
       Core
   </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="High Dragon"
       style="padding:10px"
       data-key="availability"
       data-value="High Dragon"
   >
       High Dragon
   </label>
   <label
       class="mw-ui-button"
       title="Agito"
       style="padding:10px"
       data-key="availability"
       data-value="Agito"
   >
       Agito
   </label>
   <label
       class="mw-ui-button"
       title="Story"
       style="padding:10px"
       data-key="availability"
       data-value="Limited"
   >
       Limited
   </label>

   <label 
       class="mw-ui-button" 
       title="2" 
       style="padding:5px 10px" 
       data-key="rarity" 
       data-value="2"
   >
     <img 
       src="/images/d/d2/Icon_Rarity_2.png" 
       style="height:20px;
           pointer-events:none"
     />
   </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="6"
       style="padding:5px 10px"
       data-key="rarity"
       data-value="6"
   >
     <img
       src="/images/7/70/Icon_Rarity_6.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="None" 
       style="padding:5px 10px" 
       data-key="element" 
       data-value="none"
   >
     <img 
       src="/images/7/7b/Icon_Element_None.png" 
       style="height:20px;
           pointer-events:none"
     />
   </label>