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

1 vote165 views1 answer
Html white space on both sides of the page
Html
14 votes117 views5 answers
How to add telephone number in html
Html
0 vote121 views1 answer
Page auto refresh
Html
1 vote124 views1 answer
How to program a button to work in javascript
Html
1 vote130 views1 answer
Okaycms not working after installation
Html
0 vote118 views1 answer
Laravel route sub domain routing
Html
0 vote140 views1 answer
Vuejs @change only one time
Html
5 votes123 views2 answers
Python get html from url
Html
16 votes113 views6 answers
Cards in bootstrap
Html
3 votes126 views1 answer
Bootstrap boilerplate code
Html