Tailwind CSS badges

<span class="bg-blue-100 text-blue-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-blue-200 dark:text-blue-800">Default</span>
<span class="bg-gray-100 text-gray-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-gray-700 dark:text-gray-300">Dark</span>
<span class="bg-red-100 text-red-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-red-200 dark:text-red-900">Red</span>
<span class="bg-green-100 text-green-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-green-200 dark:text-green-900">Green</span>
<span class="bg-yellow-100 text-yellow-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-yellow-200 dark:text-yellow-900">Yellow</span>
<span class="bg-indigo-100 text-indigo-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-indigo-200 dark:text-indigo-900">Indigo</span>
<span class="bg-purple-100 text-purple-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-purple-200 dark:text-purple-900">Purple</span>
<span class="bg-pink-100 text-pink-800 text-xs font-semibold mr-2 px-2.5 py-0.5 rounded dark:bg-pink-200 dark:text-pink-900">Pink</span>

Source: flowbite.com

Similar codes

0 vote106 views2 answers
Side by side tables in bootstrap
Html
0 vote113 views1 answer
Champ de type time en html
Html
11 votes98 views5 answers
Aos
Html
0 vote55 views1 answer
Jquery set disabled
Html
1 vote107 views1 answer
MIME type ('text/html') is not executable
Html
5 votes129 views2 answers
Html table colspan and rowspan
Html
0 vote120 views1 answer
Web development html chapter 1
Html
11 votes60 views2 answers
Trademark sign
Html
25 votes116 views10 answers
Bootstrap
Html
1 vote107 views1 answer
Marquee speed
Html