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! 

Build from scratch or select prebuilt tailwind templates