Breadcrumbs

<div class="grid gap-4">
	<div class="breadcrumbs bw">
		<ul>
			<li>
				<a> Home </a>
			</li>
			<li>
				<a> Library </a>
			</li>
			<li>Add Data</li>
		</ul>
	</div>
	<div class="breadcrumbs success">
		<ul>
			<li>
				<a> Home </a>
			</li>
			<li>
				<a> Library </a>
			</li>
			<li>Add Data</li>
		</ul>
	</div>
	<div class="breadcrumbs warn">
		<ul>
			<li>
				<a> Home </a>
			</li>
			<li>
				<a> Library </a>
			</li>
			<li>Add Data</li>
		</ul>
	</div>
	<div class="breadcrumbs danger">
		<ul>
			<li>
				<a> Home </a>
			</li>
			<li>
				<a> Library </a>
			</li>
			<li>Add Data</li>
		</ul>
	</div>
</div>

<div className='grid gap-4'>
  <div className='breadcrumbs bw'>
    <ul>
      <li>
        <a>
          Home
        </a>
      </li>
      <li>
        <a>
          Library
        </a>
      </li>
      <li>
        Add Data
      </li>
    </ul>
  </div>
  <div className='breadcrumbs success'>
    <ul>
      <li>
        <a>
          Home
        </a>
      </li>
      <li>
        <a>
          Library
        </a>
      </li>
      <li>
        Add Data
      </li>
    </ul>
  </div>
  <div className='breadcrumbs warn'>
    <ul>
      <li>
        <a>
          Home
        </a>
      </li>
      <li>
        <a>
          Library
        </a>
      </li>
      <li>
        Add Data
      </li>
    </ul>
  </div>
  <div className='breadcrumbs danger'>
    <ul>
      <li>
        <a>
          Home
        </a>
      </li>
      <li>
        <a>
          Library
        </a>
      </li>
      <li>
        Add Data
      </li>
    </ul>
  </div>
</div>

<div class="breadcrumbs danger">
	<ul>
		<li>
			<a> Home </a>
		</li>
		<li class="active">
			<a> Library </a>
		</li>
		<li>Add Data</li>
	</ul>
</div>

<div className='breadcrumbs danger'>
  <ul>
    <li>
      <a>
        Home
      </a>
    </li>
    <li className='active'>
      <a>
        Library
      </a>
    </li>
    <li>
      Add Data
    </li>
  </ul>
</div>