Tailwind CSS Classes

« All Tailwind CSS classes

Tailwind CSS class .ring-green-100

    <div class="ring-green-100 ring-2 px-4 py-2 inline-block text-white font-semibold bg-teal-400 rounded">Button</div>

Preview

Check .ring-green-100 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.

Open in Visual Editor →

More Tailwind CSS classes in Ring category

.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-white
.ring-yellow-100
Shuffle Editor

An online editor for busy developers.

Shuffle Editor on Facebook Shuffle Editor on Twitter Shuffle Editor on Dribbble

Products

UI Components

Company

Legal

© 2024 Shuffle. All rights reserved.