JSFiddle - React, Tailwind, and code Playground

by serg_x

HTML

<div class="item"><img src="/calc-weight/small/profile_circle.png" alt=""> <span>Труба круглая</span></div>
  <div class="item"><img src="/calc-weight/small/profile_square.png" alt=""> <span>Труба квадратная</span></div>
  <div class="item"><img src="/calc-weight/small/circle.png" alt=""> <span>Круг</span></div>
  <div class="item active"><img src="/calc-weight/small/square.png" alt=""> <span>Квадрат</span></div>
  <div class="item"><img src="/calc-weight/small/plate.png" alt=""> <span>Лист</span></div>
  <div class="item"><img src="/calc-weight/small/channel.png" alt=""> <span>Швеллер</span></div>
  <div class="item"><img src="/calc-weight/small/bead.png" alt=""> <span>Балка двутавр</span></div>
  <div class="item"><img src="/calc-weight/small/corner.png" alt=""> <span>Уголок</span></div>
  <div class="item"><img src="/calc-weight/small/hexahedron.png" alt=""> <span>Шестигранник</span></div>