x
1
2
3
4
5
6
7
<label for="ui-cb-5f96ca58" class="inline-flex items-center gap-2 select-none"> <span class="relative inline-flex"> <input id="ui-cb-5f96ca58" type="checkbox" name="demo" value="1" class="peer appearance-none shrink-0 border border-input bg-background transition-all checked:bg-primary checked:border-primary focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-1 ring-offset-background w-4 h-4 rounded-[4px]"> <span class="pointer-events-none absolute inset-0 flex items-center justify-center text-primary-foreground opacity-0 peer-checked:opacity-100 transition-opacity"> <i data-lucide="check" class="inline-block shrink-0 w-3 h-3 stroke-[3]" aria-hidden="true"></i> </span></span> <span class="text-sm leading-none">Accept terms</span></label>1
2
3
4
render(UI::Checkbox.new( name: "demo", label: label, size: size.to_sym, checked: checked, required: required, error: error, disabled: disabled))No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|