Divider

<div class="grid gap-4">
	<div class="divider" />
	<div class="divider success" />
	<div class="divider warn" />
	<div class="divider danger" />
</div>

<div className='grid gap-4'>
  <div className='divider' />
  <div className='divider success' />
  <div className='divider warn' />
  <div className='divider danger' />
</div>

<div class="grid gap-4">
	<div class="divider" />
	<div class="divider success" />
	<div class="divider warn" />
	<div class="divider danger" />
</div>

<div className='grid gap-4'>
  <div className='divider' />
  <div className='divider success' />
  <div className='divider warn' />
  <div className='divider danger' />
</div>

<div class="flex justify-between gap-4 h-40">
	<div class="divider vertical" />
	<div class="divider vertical success" />
	<div class="divider vertical warn" />
	<div class="divider vertical danger" />
</div>

<div className='flex justify-between gap-4 h-40'>
  <div className='divider vertical' />
  <div className='divider vertical success' />
  <div className='divider vertical warn' />
  <div className='divider vertical danger' />
</div>

<div class="grid gap-4">
	<div class="divider">Divider</div>
	<div class="divider">
		<div class="loader bw xs opacity-70">
			<div class="spin" />
		</div>
		<div>Loading</div>
	</div>
</div>

<div className='grid gap-4'>
  <div className='divider'>
    Divider
  </div>
  <div className='divider'>
    <div className='loader bw xs opacity-70'>
      <div className='spin' />
    </div>
    <div>
      Loading
    </div>
  </div>
</div>