Checkbox


<script>
    import { Checkbox } from 'gros/form'
    let checked = false
</script>

<Checkbox bind:checked size={20} margin={[0,8,0,0]}>
    J'approuve les conditions générales d'utilisation
</Checkbox>

param default required
checked false true
size 18 false
margin [0] false

Placement

Les contenus peuvent-êtes situés avant la checkbox en utilisant le paramètre slot="before"


<Checkbox bind:checked={isVisible} size={22} margin={[16,8]}>
    <aside slot="before" class:active={isVisible}>
        <i class="micon">{isVisible ? 'visibility' : 'visibility_off'}</i>
        <span>Visible</span>
    </aside>
</Checkbox>