Add ribbon in left or right any element.

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.