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 top-4 end-0 uajskeiolksb py-2 block align-center shadow-sm 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 top-4 start-0 uajskeiolksb py-2 block align-center shadow-sm bg-yellow-300 text-gray-800">Popular</span>
                  </div>

Note: Parent ribbon component must have relative classes.