Ring & Divide

Outline rings and dividers between children

Ring adds an outline-like shadow around elements. Divide adds borders between child elements automatically.

Ring Width

Ring Color

Ring

Tailwind CSS

<div class="ring-2 ring-orange-500">
  Ring
</div>

<button class="focus:ring-2
  focus:ring-orange-500">
  Focus ring on button
</button>

29 / 35