JSFiddle - React, Tailwind, and code Playground

by Louis Walch

HTML

crop_alignment:
        label: Image Alignment
        type: radio 
        columns: 3
        default: middle_center
        options:
          top_left: <i class="fa fa-arrow-down fa-rotate-45-left"></i>
          top_center: <i class="fa fa-arrow-down"></i>
          top_right: <i class="fa fa-arrow-down fa-rotate-45-right"></i>
          middle_left: <i class="fa fa-arrow-right"></i>
          middle_center: <i class="fa fa-arrows"></i>
          middle_right: <i class="fa fa-arrow-left"></i>
          bottom_left: <i class="fa fa-arrow-up fa-rotate-45-right"></i>
          bottom_center: <i class="fa fa-arrow-up"></i>
          bottom_right: <i class="fa fa-arrow-up fa-rotate-45-left"></i>