Product badges

Extra product badges (labels).

Badges - GTI

GTI
Motorsport
Lorem Ipsum
<div class="relative min-h-10">
    <Badges badges={['GTI', 'Motorsport', 'Lorem Ipsum']} class="top-2" />
</div>

Badge on image

image alt
Motorsport
<div class="relative">
    <img src="https://placehold.co/300x200" alt="image alt" />
    <Badges badges={['Motorsport']} class="top-2" />
</div>

Few badges on image

image alt
Motorsport
Lorem ipsum
GTI
<div class="relative">
    <img src="https://placehold.co/300x200" alt="image alt" />
    <Badges badges={['Motorsport', 'Lorem ipsum', 'GTI']} class="top-2" />
</div>