x
1
2
3
4
5
6
7
8
<div class="form-field-wrapper"> <div class="flex items-start flex-row gap-2.5"> <input type="checkbox" id="playground" name="playground" value="1" class="appearance-none shrink-0 rounded border cursor-pointer transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 w-5 h-5 border-gray-300 checked:bg-primary-600 checked:border-primary-600 focus:ring-primary-500 bg-white" /> <label for="playground" class="select-none cursor-pointer text-gray-700 text-sm"> Playground Checkbox </label> </div></div>1
2
3
4
5
6
7
8
9
10
11
12
13
render BetterUi::Forms::CheckboxComponent.new( name: "playground", label: "Playground Checkbox", variant: variant.to_sym, size: size.to_sym, label_position: label_position.to_sym, checked: checked, disabled: disabled, readonly: readonly, required: required, hint: with_hint ? "This is a helpful hint" : nil, errors: with_error ? [ "This field has an error" ] : nil)No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|
|
|
— |
|