Ribbon

Add ribbon in left or right any element.

Example ribbon

Popular

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

                  <!-- ribbon -->
                  <div class="absolute top-0 start-0 text-start w-36 h-36 text-sm">
                    <span class="absolute toolhksnamska start-0 pyaieolaksj py-2 block align-center shadow bg-yellow-300 text-gray-800">Popular</span>
                  </div>

Note: Parent ribbon component must have relative classes.