lims-frontent/tests/unit/views/base/__snapshots__/Switches.spec.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Switches.vue renders correctly 1`] = `
<div>
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Radio switches
          
          <cbadge-stub
            activeclass="router-link-active"
            class="mr-auto"
            color="warning"
            event="click"
            exactactiveclass="router-link-exact-active"
            routertag="a"
            tag="span"
            target="_self"
          >
            warning
          </cbadge-stub>
           
          <div
            class="card-header-actions"
          >
            <a
              class="card-header-action"
              href="https://coreui.io/vue/docs/components/switch"
              rel="noreferrer noopener"
              target="_blank"
            >
              <small
                class="text-muted"
              >
                docs
              </small>
            </a>
          </div>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="primary"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="secondary"
            variant="3d"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="warning"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="success"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="info"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="danger"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="light"
            variant="3d"
          />
          <cswitch-stub
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            name="radio"
            type="radio"
            value="dark"
            variant="3d"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
   
  <crow-stub
    gutters="true"
    tag="div"
  >
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch default
          
          <cbadge-stub
            activeclass="router-link-active"
            color="primary"
            event="click"
            exactactiveclass="router-link-exact-active"
            routertag="a"
            tag="span"
            target="_self"
          >
            true
          </cbadge-stub>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            name="switch1"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            type="checkbox"
          />
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            type="checkbox"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch pills
        
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            shape="pill"
            type="checkbox"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          3d Switch
        
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
            variant="3d"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          3d Switch 
          <small>
            <code>
              disabled
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            disabled=""
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
            variant="3d"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          3d Switch 
          <small>
            <code>
              label
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            shape="square"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="3d"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              variant="outline"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
            variant="outline"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              variant="outline"  shape="pill"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            shape="pill"
            type="checkbox"
            variant="outline"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              variant="opposite"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            type="checkbox"
            variant="opposite"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              variant="opposite"  shape="pill"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            type="checkbox"
          />
        </ccardbody-stub>
      </ccard-stub>
      shape
    
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label shape="pill"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label variant="outline"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="outline"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label variant="outline"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="outline"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label variant="opposite"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            type="checkbox"
            variant="opposite"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="6"
      tag="div"
      xs="12"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Switch 
          <small>
            <code>
              label variant="opposite"
            </code>
          </small>
        </ccardheader-stub>
         
        <ccardbody-stub>
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="primary"
            labeloff="no"
            labelon="yes"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="secondary"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="success"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="warning"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="info"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="danger"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="light"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            checked="true"
            class="mx-1"
            color="dark"
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
           
          <cswitch-stub
            class="mx-1"
            color="primary"
            disabled=""
            labeloff="✕"
            labelon="✓"
            shape="pill"
            type="checkbox"
            variant="opposite"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
     
    <ccol-stub
      md="12"
      tag="div"
    >
      <ccard-stub>
        <ccardheader-stub>
          
          Sizes
        
        </ccardheader-stub>
         
        <ccardbody-stub
          class="p-0"
        >
          <cdatatable-stub
            class="table-align-middle mb-0"
            fields="[object Object],[object Object],[object Object]"
            header="true"
            hover="true"
            items="[object Object],[object Object],[object Object]"
            itemsperpage="10"
            no-sorting=""
            responsive="true"
            sortervalue="[object Object]"
            striped="true"
          />
        </ccardbody-stub>
      </ccard-stub>
    </ccol-stub>
  </crow-stub>
</div>
`;