ring-zinc-300

The ring-zinc-300 class belongs to the ring color group within the borders category.

Example Usage

Here is an example of how to use ring-zinc-300:

<input type='text' class='ring-2 ring-zinc-300 ring-offset-2 ring-offset-amber-500'>

Resulting CSS

--tw-ring-opacity: 1;
--tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity));

Other Ring color Classes

ring-amber-100ring-amber-200ring-amber-300ring-amber-400ring-amber-50ring-amber-500ring-amber-600ring-amber-700ring-amber-800ring-amber-900ring-amber-950ring-blackring-blue-100ring-blue-200ring-blue-300ring-blue-400
View other Borders classesView all Ring color classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!