Tailwind CSS Classes

« All Tailwind CSS classes

Tailwind CSS class .ring-purple-100

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

Preview

Are you tired of writing HTML by hand?

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.