xooui

RSS GitHub

Divider

Dividers separates groups of contents

# Divider in a card

XOO
UI
html 
<div class="card w-32 p-4">
  <div>XOO</div>
  <hr class="divider" />
  <div>UI</div>
</div>

# Divider in a menu

html 
<nav class="menu w-64">
  <ul>
    <li class="menu-title">fruits</li>
    <li><a href="/">Apple</a></li>
    <li><a href="/">Apple</a></li>
    <hr class="divider" />
    <li class="menu-title">Meat</li>
    <li><a href="/">Beef</a></li>
  </ul>
</nav>