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

4 votes330 views2 answers
Botstrap
Html
0 vote316 views3 answers
How to Set focus to first text input in a bootstrap modal after shown
Html
186 votes359 views6 answers
Open new tab href
Html
0 vote300 views1 answer
Html border dashed spacing
Html
0 vote300 views1 answer
Horizontal Scrolling Bopostrap
Html
3 votes299 views4 answers
How to right align a text button
Html
1 vote311 views1 answer
Empty link javascript
Html
0 vote303 views2 answers
Input change angular event
Html
6 votes286 views2 answers
How to get the input of a textbox in html
Html
0 vote303 views3 answers
::all()
Html