Set the checkbox sizes by setting the size property of the plugin. Choose from one of the following:

• xs for Extra Small

• sm for Small

• md for Medium (this is the default)

• lg for Large

• xl for Extra Large

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1a">xs1</label>
        <input id="check-1a" value="1" type="text" data-toggle="checkbox-x" data-size="xs">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2a">xs2</label>
        <input id="check-2a" value="0" data-toggle="checkbox-x" data-size="xs">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3a">xs3</label>
        <input id="check-3a" value="" data-toggle="checkbox-x" data-size="xs">
    </div>
</div>

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1b">sm1</label>
        <input id="check-1b" value="1" data-toggle="checkbox-x" data-size="sm">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2b">sm2</label>
        <input id="check-2b" value="0" data-toggle="checkbox-x" data-size="sm">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3b">sm3</label>
        <input id="check-3b" value="" data-toggle="checkbox-x" data-size="sm">
    </div>
</div>

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1c">md1</label>
        <input id="check-1c" value="1" data-toggle="checkbox-x" data-size="md">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2c">md2</label>
        <input id="check-2c" value="0" data-toggle="checkbox-x" data-size="md">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3c">md3</label>
        <input id="check-3c" value="" data-toggle="checkbox-x" data-size="md">
    </div>
</div>

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1d">lg1</label>
        <input id="check-1d" value="1" data-toggle="checkbox-x" data-size="lg">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2d">lg2</label>
        <input id="check-2d" value="0" data-toggle="checkbox-x" data-size="lg">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3d">lg3</label>
        <input id="check-3d" value="" data-toggle="checkbox-x" data-size="lg">
    </div>
</div>

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1e">xl1</label>
        <input id="check-1e" value="1" data-toggle="checkbox-x" data-size="xl">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2e">xl2</label>
        <input id="check-2e" value="0" data-toggle="checkbox-x" data-size="xl">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3e">xl3</label>
        <input id="check-3e" value="" data-toggle="checkbox-x" data-size="xl">
    </div>
</div>

<div class="mb-3">
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-1f">xl(d)1</label>
        <input id="check-1f" value="1" disabled data-toggle="checkbox-x" data-size="xl">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-2f">xl(d)2</label>
        <input id="check-2f" value="0" disabled data-toggle="checkbox-x" data-size="xl">
    </div>
    &nbsp;
    <div class="cbx-krajee">
        <label class="cbx-label" for="check-3f">xl(d)3</label>
        <input id="check-3f" value="" disabled data-toggle="checkbox-x" data-size="xl">
    </div>
</div>