Checkboxes and Radios

The list view extension facilitates you to create checkbox and radio inputs in Framework7.

Following is a list of the checkboxes and radio inputs used in Framework7:

Checkboxes Group Example

Checkbox group facilitates users to select list of specified options by checking them.

The item-content must be a label element with label-checkbox class and the checkbox icon should be in item-media.

Example

Radios Group iOS Example

Radio Group iOS facilitates users to select only one option from the list of options. The item-content must be a label element with label-radio class and radio input should be the first child of item-content.

Radios Group Material Example

Radio group is also supported by Framework7.

With Media List View

It facilitates you to use both checkboxes and radios groups with media list view.

Example