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>