Checkbox

Blade component for form checkbox.

The form checkbox with basic style and two different sizes! You can also use default HTML attributes in this component!


Basic

Attribute `id` must be placed for clickable action!

<x-checkbox
    label="I agree this privacy policy!"
    id="checkbox" />

Result


Size

Two sizes: default, sm

<x-checkbox id="checkbox1" label="I agree this privacy policy!" />
<x-checkbox sm id="checkbox2" label="I agree this privacy policy!" />

Result


Wrapper

Place css classes for wrapper div with this `wrapper` prop

<x-checkbox
    wrapper="bg-pink-200 rounded shadow max-w-max"
    id="checkbox1"
    label="I agree this privacy policy!" />

Result


Other attributes

You can place other and default attributes in this component

<x-checkbox wire:modal="privacy" />
<x-checkbox onclick="tosomething()" />

© 2021, BladeTail-UI.

Made with by Deva