Tabs

<div class="tabs bw">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs bw'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs danger bordered">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs danger bordered'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs success ghost">
	<div class="tab p-2">Tab 1</div>
	<div class="tab p-2">Tab 2</div>
	<div class="tab active p-2">Tab 3</div>
</div>

<div className='tabs success ghost'>
  <div className='tab p-2'>
    Tab 1
  </div>
  <div className='tab p-2'>
    Tab 2
  </div>
  <div className='tab active p-2'>
    Tab 3
  </div>
</div>

<div class="tabs info bordered ghost">
	<div class="tab p-2">Tab 1</div>
	<div class="tab p-2">Tab 2</div>
	<div class="tab active p-2">Tab 3</div>
</div>

<div className='tabs info bordered ghost'>
  <div className='tab p-2'>
    Tab 1
  </div>
  <div className='tab p-2'>
    Tab 2
  </div>
  <div className='tab active p-2'>
    Tab 3
  </div>
</div>

<div class="tabs success pill">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs success pill'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs boxed warn">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs boxed warn'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs boxed success pill">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs boxed success pill'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs bordered success">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs bordered success'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs bordered success bottom">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs bordered success bottom'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs bordered success left">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs bordered success left'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>

<div class="tabs bordered success right">
	<div class="tab p-4">Tab 1</div>
	<div class="tab p-4">Tab 2</div>
	<div class="tab active p-4">Tab 3</div>
</div>

<div className='tabs bordered success right'>
  <div className='tab p-4'>
    Tab 1
  </div>
  <div className='tab p-4'>
    Tab 2
  </div>
  <div className='tab active p-4'>
    Tab 3
  </div>
</div>