Home » Framework7 Checkboxes and Radios

Framework7 Checkboxes and Radios

by Online Tutorials Library

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:

Index Type Description
1) Checkboxes group It allows the user to select a list of specified options by checking them.
2) Radios group iOS It allows the user to select only one option from the list of options.
3) Radios group Material Radios group is also supported by the Material theme and you have to add additional icons for radios.
4) With media list view It is possible to use both checkboxes and radios groups with media list view.

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

Test it Now


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.

Test it Now


Radios Group Material Example

Radio group is also supported by Framework7.

Test it Now


With Media List View

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

Example

Test it Now

You may also like