search

forxer / blade-ui-kit-bootstrap

Blade UI Kit components with Bootstrap styles.
MIT License
1 stars 0 forks source link

Checkbox : how to ? #3

Open forxer opened 1 year ago

forxer commented 1 year ago

I am embarrassed for this form field because to apply Bootstrap styles there are 3 elements with dedicated classes:

<div class="form-check">
    <input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
    <label class="form-check-label" for="flexCheckDefault">
         Default checkbox
    </label>
</div>

So I can't just extend the Blade UI Kit Checkbox component.

I think I'm going to have to create components specific to this package. But we are going to lose granularity.

forxer commented 1 year ago

Same concerns for Bootstrap 4:

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