Q: How do I make a pill badge? — Nakshora 1.0

How do I make a pill badge? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I make a pill badge?*

Answer#

rounded-full + tinted background + darker text of the same palette. undefined

html

<span class="rounded-full bg-emerald-100 text-emerald-700 px-2.5 py-0.5 text-xs font-medium">Active</span>

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.