bg-indigo :Tailwind CSS Background Color class
The bg-indigo classes provide a gradient of indigo shades ranging from bg-indigo-50 to bg-indigo-950.
bg-indigo (Indigo Background Shades)
The bg-indigo classes provide a gradient of indigo shades ranging from bg-indigo-50 to bg-indigo-950.
Example Code
html
<div class="flex flex-col items-center space-y-5 p-8 rounded-t-md"> <div class="bg-indigo-50 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-50</div><div class="bg-indigo-100 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-100</div><div class="bg-indigo-200 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-200</div><div class="bg-indigo-300 text-gray-500 border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-300</div><div class="bg-indigo-400 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-400</div> <div class="bg-indigo-500 text-white p-4 rounded-md text-center w-80 font-bold"> bg-indigo-500</div><div class="bg-indigo-600 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-600</div><div class="bg-indigo-700 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-700</div><div class="bg-indigo-800 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-800</div><div class="bg-indigo-900 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-900</div><div class="bg-indigo-950 text-white border p-4 rounded-md text-center w-80 font-bold"> bg-indigo-950</div></div>Preview
bg-indigo-50
bg-indigo-100
bg-indigo-200
bg-indigo-300
bg-indigo-400
bg-indigo-500
bg-indigo-600
bg-indigo-700
bg-indigo-800
bg-indigo-900
bg-indigo-950
Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs
Start building stunning tailwind UIs!
