border-indigo: Tailwind CSS Border Color class
The `border-indigo-*` classes apply a indigo border of varying intensity on an element.
Border-indigo
The border-indigo-*
classes apply a indigo border of varying intensity on an element.
Example Code
html
<div class="grid grid-cols-4 p-2 space-y-2 rounded-t-md"> <div class="text-gray-500 border-2 rounded-md border-indigo-50 text-center w-24 p-4 font-bold"> border-indigo-50</div> <div class=" text-gray-500 border-2 rounded-md border-indigo-100 text-center w-24 p-4 font-bold"> border-indigo-100</div><div class=" text-gray-500 border-2 rounded-md border-indigo-200 text-center w-24 p-4 font-bold"> border-indigo-200</div><div class=" text-gray-500 border-2 rounded-md border-indigo-300 text-center w-24 p-4 font-bold"> border-indigo-300</div><div class=" text-gray-500 border-2 rounded-md border-indigo-400 text-center w-24 p-4 font-bold"> border-indigo-400</div><div class=" text-gray-500 border-2 rounded-md border-indigo-500 text-center w-24 p-4 font-bold"> border-indigo-500</div><div class=" text-gray-500 border-2 rounded-md border-indigo-600 text-center w-24 p-4 font-bold"> border-indigo-600</div><div class=" text-gray-500 border-2 rounded-md border-indigo-700 text-center w-24 p-4 font-bold"> border-indigo-700</div><div class=" text-gray-500 border-2 rounded-md border-indigo-800 text-center w-24 p-4 font-bold"> border-indigo-800</div><div class=" text-gray-500 border-2 rounded-md border-indigo-900 text-center w-24 p-4 font-bold"> border-indigo-900</div><div class="text-gray-500 border border-indigo-950 p-4 rounded-md text-center w-24 font-bold"> bg-indigo-950</div></div>
Preview
border-indigo-50
border-indigo-100
border-indigo-200
border-indigo-300
border-indigo-400
border-indigo-500
border-indigo-600
border-indigo-700
border-indigo-800
border-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!
