index.js

<div className="m-4">
            <div className="bg-green-200 px-2 rounded-full inline shadow-lg m-2">
                <span className="font-bold text-green-800">Badge</span>
            </div>
            <div className="bg-blue-200 px-2 inline shadow-lg m-2">
                <span className="font-bold text-blue-800">Badge</span>
            </div>
            <div className="bg-red-200 px-2 rounded-full inline shadow-lg m-2">
                <span className="font-bold text-red-800">Badge</span>
            </div>
            <div className="bg-purple-200 px-2 rounded-tl-full rounded-br-full inline shadow-lg m-2">
                <span className="font-bold text-purple-800">Badge</span>
            </div>
        </div>