Checkbox | Bulma-Gomponents

Checkbox

The b.Checkbox constructor creates a checkbox input, together with its label container.

Modifier	Action
`b.Disabled`	Disable the checkbox input

Child	Action
`b.OnInput(...any)`	Apply children to the `<input>` element
`b.OnLabel(...aby)`	Apply children to the `<label>` element
`string`	Add to the `<label>` element
`gomponents.Node`of type `gomponents.AttributeType`	Apply attribute to the `<input>` element
`gomponents.Node`of type `gomponents.ElementType`	Add element to the `<label>` element
`e.Element`	Add element to the `<label>` element
Anything else	Apply child to the `<input>` element

Bulma examples

Bulma documentation

Example

Code

b.Checkbox("Remember me")

ResultHTML

Remember me

<label class="checkbox"><input type="checkbox"> Remember me</label>

Example

Code

b.Checkbox("I agree to the ", e.AHref("#", "terms and conditions"))

ResultHTML

I agree to the terms and conditions

<label class="checkbox"><input type="checkbox"> I agree to the <a href="#">terms and conditions</a></label>

Example

Code

b.Checkbox(b.Disabled, "Save my preferences")

ResultHTML

Save my preferences

<label class="checkbox" disabled><input type="checkbox" disabled> Save my preferences</label>

List of Checkboxes

Bulma documentation

Example

Code

b.Checkboxes(
	b.Checkbox("Monday"),
	b.Checkbox("Tuesday"),
	b.Checkbox("Wednesday"),
	b.Checkbox("Thursday"),
	b.Checkbox("Friday"),
	b.Checkbox("Saturday", b.Checked),
	b.Checkbox("Sunday", b.Checked),
)

ResultHTML

<div class="checkboxes"><label class="checkbox"><input type="checkbox"> Monday</label><label class="checkbox"><input type="checkbox"> Tuesday</label><label class="checkbox"><input type="checkbox"> Wednesday</label><label class="checkbox"><input type="checkbox"> Thursday</label><label class="checkbox"><input type="checkbox"> Friday</label><label class="checkbox"><input type="checkbox" checked> Saturday</label><label class="checkbox"><input type="checkbox" checked> Sunday</label></div>