Basic
Wrap the image in .img-labeled and add an .img-label next to it.
AI
With an icon
A label can hold an icon, a text, or both. Add .img-label-icon to a label with only an icon.
1:24
Colors
Add a background utility such as .bg-red with its .text-red-fg.
New
New
New
New
Position
Move the label to another corner with .img-label-top-start, .img-label-top-end or .img-label-bottom-start.
Top start
Top end
Bottom start
Bottom end
Multiple labels
Put several labels on one image, each in its own corner.
Live
Members
4K
