31 lines
1.2 KiB
React
31 lines
1.2 KiB
React
|
export default function Example() {
|
||
|
return (
|
||
|
<>
|
||
|
<span className="inline-flex items-center rounded-full bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-red-100 px-2 py-1 text-xs font-medium text-red-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-yellow-100 px-2 py-1 text-xs font-medium text-yellow-800">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-green-100 px-2 py-1 text-xs font-medium text-green-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-blue-100 px-2 py-1 text-xs font-medium text-blue-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-indigo-100 px-2 py-1 text-xs font-medium text-indigo-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-purple-100 px-2 py-1 text-xs font-medium text-purple-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
<span className="inline-flex items-center rounded-full bg-pink-100 px-2 py-1 text-xs font-medium text-pink-700">
|
||
|
Badge
|
||
|
</span>
|
||
|
</>
|
||
|
)
|
||
|
}
|