<div class="inline-block p-4 bg-gray-400">
<div class="ring-white ring-2 px-4 py-2 inline-block text-white font-semibold bg-teal-400 rounded">Button</div>
</div>
← Tailwind CSS classes list
Tailwind CSS class: .ring-white
Preview
Button
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .ring-white in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
More in Tailwind CSS Ring
- .ring
- .ring-0
- .ring-black
- .ring-blue-100
- .ring-current
- .ring-gray-100
- .ring-green-100
- .ring-inding-100
- .ring-inset
- .ring-offset-0
- .ring-offset-black
- .ring-offset-blue-100
- .ring-offset-current
- .ring-offset-gray-100
- .ring-offset-green-100
- .ring-offset-indigo-100
- .ring-offset-pink-100
- .ring-offset-purple-100
- .ring-offset-red-100
- .ring-offset-transparent
- .ring-offset-white
- .ring-offset-yellow-100
- .ring-opacity-0
- .ring-pink-100
- .ring-purple-100
- .ring-red-100
- .ring-transparent
- .ring-yellow-100