Checkbox without label

[ArnaudLier]

Version

Latest

Reproduction link

https://www.this.is.not.a.bug

Operating System

Windows 10

Device

Computer

Browser & Version

Chrome, Latest

Steps to reproduce

Is there a possibility to do a checkbox without a label?

What is expected?

That I know how to do a checkbox without a label

What is actually happening?

I don't know how to make a checkbox with a label

---

Solution

Additional comments

[rarestoma]

Hi,

Thank you for working with our products.

Yes, you can remove the text from the label so you will have just the checkbox.

Try this code and see if it works as you like:

<div class="custom-control custom-checkbox mb-3">
     <input class="custom-control-input" id="customCheck1" type="checkbox">
     <label class="custom-control-label" for="customCheck1"></label>
</div>

I hope it helps.

All the best, Rares

[ArnaudLier]

Hello, thanks for the reply and no, it doesn't works for me.

[rarestoma]

Hello,

Can you please give me a codepen link so I can see clearly how I can stylize it?

All the best, Rares

[ArnaudLier]

Here is is : https://codepen.io/anon/pen/oKYvEw (it's in my php blade file)

[rarestoma]

Hi,

Please add this css code:

 .custom-checkbox .custom-control-input~.custom-control-label{
    height:20px;
}

Please let me know if everything is all right.

All the best, Rares

[ArnaudLier]

Thank you! And do you have a way to correctly style dataTables in cards? Actually, it looks like this :

[rarestoma]

Hi,

We styled the datatable in our PRO version available here: https://demos.creative-tim.com/argon-dashboard-pro/pages/tables/datatables.html.

All the best, Rares