Ribbon

Example ribbon

                
                  <!-- ribbon -->
                  <div class="absolute top-0 ltr:right-0 ltr:text-right rtl:left-0 rtl:text-left w-36 h-36 text-sm">
                    <span class="absolute top-4 ltr:right-0 rtl:left-0 px-4 py-2 block align-center shadow bg-yellow-300 text-gray-800">Popular</span>
                  </div>

                  <!-- ribbon -->
                  <div class="absolute top-0 ltr:left-0 ltr:text-left rtl:right-0 rtl:text-right w-36 h-36 text-sm">
                    <span class="absolute top-4 ltr:left-0 rtl:right-0 px-4 py-2 block align-center shadow bg-yellow-300 text-gray-800">Popular</span>
                  </div>
                
              

Note: Parent ribbon component must have relative classes.