JSFiddle - React, Tailwind, and code Playground
by Jordan Sayner
HTML
<?xml version="1.0" encoding="UTF-8"?>
<INVENTORY>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>1</COLOR>
<MINQTY>1069</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>2</COLOR>
<MINQTY>39</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>90</COLOR>
<MINQTY>226</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>150</COLOR>
<MINQTY>69</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>28</COLOR>
<MINQTY>109</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>220</COLOR>
<MINQTY>22</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>69</COLOR>
<MINQTY>159</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>88</COLOR>
<MINQTY>17</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>11</COLOR>
<MINQTY>251</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>85</COLOR>
<MINQTY>61</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>95</COLOR>
<MINQTY>24</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>86</COLOR>
<MINQTY>62</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>47</COLOR>
<MINQTY>7</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>68</COLOR>
<MINQTY>1</MINQTY>
</ITEM>
<ITEM>
<ITEMTYPE>P</ITEMTYPE>
<ITEMID>98138</ITEMID>
<COLOR>63</COLOR>
<MINQTY>80</MINQTY>
</ITEM>
<ITEM>
...