Checkbox without label

[lazabogdan]

Would be nice to support single controls without displaying the label (useful for checkboxes in tables for example).

Here's what I used:

.checkbox.checkbox-single {
    label {
        width: 0;
        height: 16px;
        visibility: hidden;
        &:before, &:after {
            visibility: visible;
        }
    }
}

[smartcorestudio]

+1 Thanks for your solution. I want it to be icluded into the core, because this usecase (checkboxes in tables) is pretty general

[piotrantosik]

👍

[micrum]

@lazabogdan from version 0.3.0 you can use checkbox-single class:

                <div class="checkbox checkbox-single">
                    <input type="checkbox" id="singleCheckbox1" value="option1" aria-label="Single checkbox One">
                    <label></label>
                </div>
                <div class="checkbox checkbox-primary checkbox-single">
                    <input type="checkbox" id="singleCheckbox2" value="option2" checked aria-label="Single checkbox Two">
                    <label></label>
                </div>

[okendoken]

@micrum good job 👍