Semantic UI is the open-source framework that used CSS and jQuery to make our websites look beautiful and responsive. It has predefined classes like bootstrap for use to make our website more interactive. It has some pre-built semantic components and we can use these components to create a responsive website.

The form is a container that has different types of input elements such as text fields, submit buttons, radio buttons, checkboxes, etc. 

Semantic-UI Form is used to create the beautiful form using form classes. Semantic-UI Form Checkbox Content is used to create the checkbox using the checkbox class.

In this article, we will discuss Form Checkbox Content in Semantic-UI.

Semantic-UI Form Checkbox Content Class:

• checkbox: This class is used to create the checkbox.

Syntax:

<div class="ui checkbox">
   <input type="checkbox" class="hidden">
</div>

Example 1: The following code demonstrates the Semantic-UI Form Checkbox Content with standard checkbox and radio checkbox.

Output:

Example 2: The following code demonstrates the Semantic-UI Form Checkbox Content with slider checkbox and toggle checkbox.

Output:

Reference: https://semantic-ui.com/collections/form.html#checkbox