I am currently utilizing the Laravel Forms package for generating form elements and integrating the Bootstrap Material design library to enhance the appearance of these elements.
Check out the library here:
While working with Checkboxes, I've encountered an issue where the style is not being applied as desired. Instead of displaying a checkbox with material design, it appears as a normal checkbox.
Here's the code snippet from my Laravel view:
{!! Form::checkbox('remember', 1, null, ['id'=>'remember', 'class' => 'checkbox']) !!}
{!! Form::label('remember', 'Remember me') !!}
Interestingly, when I use direct HTML code instead of the above Laravel code, the styling works perfectly fine. Below is the functioning code snippet:
<div class="checkbox">
<label>
<input name="remember" type="checkbox"> Remember me
</label>
</div>
How can I adjust my Laravel Forms code to output the desired HTML structure?