You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.0 KiB
HTML
65 lines
2.0 KiB
HTML
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-gray-400">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-red-100 px-2 py-1 text-xs font-medium text-red-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-red-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-yellow-100 px-2 py-1 text-xs font-medium text-yellow-800"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-yellow-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-green-100 px-2 py-1 text-xs font-medium text-green-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-green-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-100 px-2 py-1 text-xs font-medium text-blue-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-blue-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-indigo-100 px-2 py-1 text-xs font-medium text-indigo-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-indigo-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-purple-100 px-2 py-1 text-xs font-medium text-purple-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-purple-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|
|
<span
|
|
class="inline-flex items-center gap-x-1.5 rounded-md bg-pink-100 px-2 py-1 text-xs font-medium text-pink-700"
|
|
>
|
|
<svg viewBox="0 0 6 6" aria-hidden="true" class="size-1.5 fill-pink-500">
|
|
<circle r="3" cx="3" cy="3" />
|
|
</svg>
|
|
Badge
|
|
</span>
|