Breadcrumbs Separators

                    <div class="space-y-8 p-4 bg-white rounded-lg shadow-sm max-w-4xl mx-auto">

  <div>
    <h3 class="text-sm font-medium text-gray-700 mb-2">u659cu7ebfu5206u9694u7b26</h3>
    <div class="breadcrumbs text-sm">
      <ul class="flex flex-wrap items-center">
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Home</a>
          <span class="mx-2 text-gray-400">/</span>
        </li>
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Documents</a>
          <span class="mx-2 text-gray-400">/</span>
        </li>
        <li class="text-gray-800 font-medium">Add Document</li>
      </ul>
    </div>
  </div>
  
  <div>
    <h3 class="text-sm font-medium text-gray-700 mb-2">Title</h3>
    <div class="breadcrumbs text-sm">
      <ul class="flex flex-wrap items-center">
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Home</a>
          <svg class="w-4 h-4 mx-2 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
          </svg>
        </li>
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Documents</a>
          <svg class="w-4 h-4 mx-2 text-gray-400" fill="currentColor" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd"></path>
          </svg>
        </li>
        <li class="text-gray-800 font-medium">Add Document</li>
      </ul>
    </div>
  </div>
  
  <div>
    <h3 class="text-sm font-medium text-gray-700 mb-2">Title</h3>
    <div class="breadcrumbs text-sm">
      <ul class="flex flex-wrap items-center">
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Home</a>
          <span class="inline-block w-1.5 h-1.5 bg-gray-400 rounded-full mx-2"></span>
        </li>
        <li class="flex items-center">
          <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors">Documents</a>
          <span class="inline-block w-1.5 h-1.5 bg-gray-400 rounded-full mx-2"></span>
        </li>
        <li class="text-gray-800 font-medium">Add Document</li>
      </ul>
    </div>
  </div>
</div>