Checkbox

Checkbox

A standard checkbox

<checkbox>Make my profile</checkbox>

Radio

A checkbox can be formatted as a radio element. This means it an exclusive option.

<checkbox radio>
	Radio choice
</checkbox>

...

<div class="ui form">
	<div class="inline fields">
		<label>How often do you use checkboxes?</label>
		<div class="field">
			<checkbox radio name="frequency" [(ngModel)]="frequency" value="1" checked>
				Once a week
			</checkbox>
		</div>
		<div class="field">
			<checkbox radio name="frequency" [(ngModel)]="frequency" value="2">
				2-3 times a week
			</checkbox>
		</div>
		<div class="field">
			<checkbox radio name="frequency" [(ngModel)]="frequency" value="3">
				Once a day
			</checkbox>
		</div>
		<div class="field">
			<checkbox radio name="frequency" [(ngModel)]="frequency" value="4">
				Twice a day
			</checkbox>
		</div>
	</div>
</div>

Slider

a checkbox can be formatted to emphasize the current selection state