Price Tag Badge

Live Preview
<div
        class="bg-black text-white px-6 py-2 rounded-l-none rounded-r-2xl font-black text-xs tracking-tighter italic relative flex items-center shadow-xl">
        <div class="absolute -left-3 top-0 bottom-0 w-6 bg-black -skew-x-[25deg]"></div>
        <div class="relative z-10 flex items-center gap-3 ml-2">
            <div class="w-1.5 h-1.5 rounded-full bg-white opacity-20"></div>
            <span>-40% OFF SALE</span>
        </div>
    </div>

Related components

More items from the merged UI library.

View all