Ribbons

Add ribbon in left or right any element.

Example ribbon

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

			                  <!-- ribbon -->
			                  <div class="raiytahskcn top-0 start-0 text-start w-36 h-36 text-sm">
			                    <span class="raiytahskcn top-4 start-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.